如何将css规则应用于元素的所有后代

Question

如果它在另一个特定的类中,你如何重新定义一个类？

div.cls {
color:blue;
}

div.tst > div.cls {
color:red;
}

<div class="cls">test</div> // text color = blue

<div class="tst">
  <div class="cls">test</div> // text color = red
  <div>
    <div class="cls">test</div> // text color = blue
  </div>
<div>

怎么让最后一个也红了？

的jsfiddle

http://jsfiddle.net/gpD7H/

Answer 1

我用它,它对我有用:

.name-of-parent*{color:red; }

Answer 2

使用后代选择器 ^[W3C]:div.tst div.cls

>是子选择器 ^[W3C],只匹配元素的子元素.

Answer 3

正是这样。但是，您的第二个分区不会是红色文本，因为它也包含在另一个分区中。选择器仅匹配之前匹配的元素下的直接子元素，因此它仅在一层>内查找。div.tst尝试从选择器中删除>：

div.tst div.cls {
color:red;
}

您更新的 jsFiddle