要素のすべての子孫に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

descendant selector^[W3C]を使用してください：div.tst div.cls

>はchild selector^[W3C]であり、唯一の要素の子と一致します。

Answer 2

まったく同じです。ただし、2番目の部門は、別の部門にも含まれているため、は赤いテキストではありません。 >セレクタは、それ以前にマッチした要素の下にある直下の子にのみ一致するため、div.tstを1つのレベルで参照しています。セレクタから>を削除してください：

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

Your updated jsFiddle

Answer 3

私はそれが私のために働く、これを使用：

.nameの-の親* {色：赤; }