title: CSS - Changing one indirect child of parent with specific class
body: <p>I'm trying to access the <code>h1</code> children of all <code>article</code> tags with the class <code>.category-member</code> without affecting any of its other children. So far, I've only managed to affect <code>.blog-content</code> and am having no luck with <code>h1</code>. Also, this is being used in WordPress, so I'm hoping to do this without adding a class to the <code>h1</code> so that any added blog posts will be colored depending on it's parent category class only.</p>
  
  <p>Thanks in advance!</p>
  
  <pre><code>&lt;article id="post-3107" class="post-3107 post type-post status-publish format-standard has-post-thumbnail hentry category-member span6 blog-article grid normal"&gt;                    
    &lt;div class="row-fluid"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span12"&gt;
        &lt;div class="content post_format_standart"&gt;
          &lt;div class="top_c "&gt;
            &lt;h1&gt;&lt;a href="http://wholeworldwater.dev:8080/another-test-post/"&gt;ANOTHER TEST POST&lt;/a&gt;&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="blog-content"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam venenatis dolor eget est imperdiet efficitur. Donec et mollis sapien. Nam rhoncus urna dolo
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/article&gt;
  </code></pre>