title: Referencing a CSS class only within a specific element
body: <p>I am trying to find the CSS syntax for a specific problem.
  I really searched but couldn't find answer.
  Here is the problem. My HTML markup is as follow:</p>
  
  <pre><code>&lt;div&gt;
   &lt;header&gt;
    &lt;div class="container"&gt;
     &lt;div class="row"&gt;
     my content that I want red
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/header&gt;
   &lt;div class="container"&gt;
    &lt;div class="row"&gt;
    my content that I want blue
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>I would like to display "my content that I want red" in red, and "my content that I want blue" in blue, and I only can use CSS for that.</p>
  
  <p>Does anyone knows the trick that will make it? sub classes cant work here unfortunately.</p>
  
  <p>Thanks in advance,</p>