title: CSS: Selecting the nth element by using an ID?
body: <p>This is my HTML:</p>
  
  <pre><code>&lt;dl id="id"&gt;
      &lt;dt&gt;test&lt;/dt&gt;
      &lt;dd&gt;whatever&lt;/dd&gt;
      &lt;dt&gt;test1&lt;/dt&gt;
      &lt;dd&gt;whatever2&lt;/dd&gt;
      ....
  &lt;/dl&gt;
  </code></pre>
  
  <p>I want to select the third dd but I cant make it work. This is what I tried:</p>
  
  <pre><code>dl#id dd:nth-child(3) {  
       color: yellow;
  }
  </code></pre>
  
  <p>The style is not applied, whats wrong?</p>
  
  <p>Thanks!</p>