¿Cómo puedo aplicar una regla CSS a todos los descendientes de un elemento

Question

¿Cómo se puede redefinir una clase si está en otra clase específica?

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> 

Cómo hacer que el último también sea rojo?

jsFiddle

http://jsfiddle.net/gpD7H/

Answer 1

Uso del descendant selector^[W3C]: div.tst div.cls

> es el child selector^[W3C] y sólo coincidirá con los niños de un elemento.

Answer 2

Exactamente así. Sin embargo, su segunda división no será texto en rojo porque también está dentro de otra división. El selector > solo coincide con los elementos secundarios inmediatos debajo del elemento coincidente anterior, por lo que mira dentro de div.tst en un solo nivel. Trate de no incluir el > desde el selector:

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

Your updated jsFiddle

Answer 3

He utilizado este, que funcione para mí:

.name-de-matriz * {color: red; }