title: Using :nth-child(odd) selector on div image
body: <p>I'm having a little bit of trouble using CSS's <code>:nth-child(odd)</code> selector.  It seems to apply the CSS rules to every image when I select it based on a div class.</p>
  
  <p>For example:</p>
  
  <pre><code>.class img:nth-child(odd) { margin-right:10px; }
  </code></pre>
  
  <p>and it's resulting in all of them being selected.  Tried using</p>
  
  <pre><code>img.class:nth-child(odd) { margin-right:10px; } 
  </code></pre>
  
  <p>and get the same results.  <a href="http://jsfiddle.net/7mUDG/" rel="nofollow">http://jsfiddle.net/7mUDG/</a></p>
  
  <p>Does it work for only table elements or something?  Am I selecting it incorrectly?</p>
  
  <p>Many thanks, SO</p>