title: How do you make nth-child work with descendant selectors?
body: <p>I have this code.</p>
  
  <pre><code>    &lt;div class="myDiv"&gt;
        &lt;div&gt;
          I want to be red.
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;p&gt;I'm some other content on the page&lt;/p&gt;
  
      &lt;div class="myDiv"&gt;
        &lt;div&gt;
          I want to be blue.
        &lt;/div&gt;
      &lt;/div&gt;
  
     .myDiv div:nth-child(odd) {
        color: red;
     }
  
     .myDiv div:nth-child(even) {
        color: blue;
     }
  </code></pre>
  
  <p>I see why it's not working. It's making every odd div <em>within</em> myDiv be red. What I want it to do is make every odd example of a div within myDiv be red. How can I write that?</p>
  
  <p>Here's a <a href="http://jsfiddle.net/tvKRL/" rel="noreferrer">JSFiddle</a>.</p>