Как применить правило 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

Точно так же. Однако ваше второе подразделение не будет быть красным текстом, потому что оно также содержится в другом подразделении. Селектор > соответствует только ближайшим дочерним элементам под элементом, сопоставленным перед ним, поэтому он просматривает div.tst только на одном уровне. Попробуйте удалить > из селектора:

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

Your updated jsFiddle

Answer 3

Я использовал это, это работает для меня:

.name-оф-родителя * {цвет: красный; }