title: Select the first <h3> element after a class definition
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="location info"&gt;
          &lt;h3&gt;Location&lt;/h3&gt;
          &lt;h3&gt;should be no stlye&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="skills info"&gt;
          &lt;h3&gt;Skills&lt;/h3&gt;
          &lt;h3&gt;should be no stlye&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to style the first <code>h3</code> element after an info class. I thought this should work, but it dosen't:</p>
  
  <pre><code>.info:first-child {
      color: color: rgb(200,50,50);
  }
  </code></pre>
  
  <p>Why isn't this working? How should I style the first  element in . info without adding extra markup in the html?</p>