How can I apply a css rule to all descendants of an elements

Question

How can you redefine a class if its in another specific class?

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> 

How to make the last one also red?

jsfiddle

http://jsfiddle.net/gpD7H/

Answer 1

I used this, it work for me:

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