title: How can I apply a css rule to all descendants of an elements
body: <p>How can you redefine a class if its in another specific class?</p>
  <pre><code>div.cls {
  color:blue;
  }
  
  div.tst &gt; div.cls {
  color:red;
  }
  
  &lt;div class=&quot;cls&quot;&gt;test&lt;/div&gt; // text color = blue
  
  &lt;div class=&quot;tst&quot;&gt;
    &lt;div class=&quot;cls&quot;&gt;test&lt;/div&gt; // text color = red
    &lt;div&gt;
      &lt;div class=&quot;cls&quot;&gt;test&lt;/div&gt; // text color = blue
    &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  <p>How to make the last one also red?</p>
  <h1>jsfiddle</h1>
  <p><a href="http://jsfiddle.net/gpD7H/" rel="noreferrer">http://jsfiddle.net/gpD7H/</a></p>