css疑问

Question

老师，请教一个问题，为什么

<td class="col-sm-8 col-xs-12">
  <div class="section-title">
  </div>
</td>

样式

.chapter-section-tr td .section-title{
    color: #555;
  }

就生效，而写成

<td class="col-sm-8 col-xs-12 section-title">
</td>

样式就不生效呢？
col-sm-8 和 section-title 都同为样式呀？

谢谢老师！

Answer 1

甲蛙 2020-10-11 18:49:14

样式里有一个层级关系，.chapter-section-tr td .section-title，这样是三层关系，.chapter-section-tr下面的td节点，下面的.section-title样式节点。

你可以把样式改成".chapter-section-tr .section-title"试试

• 提问者 慕神4535282 #1

  非常感谢！