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

Use the descendant selector ^[W3C]: div.tst div.cls

> is the child selector ^[W3C] and will only match children of an element.