title: Why doesn't nth-of-type work on an image wrapped in an a tag?
body: <p>I am attempting to style a specific image in a series using the nth-of-type function but it seems to break when I wrap images in an a tag. If I only use images it works fine.</p>
  
  <p>Here is my fiddle:
  <a href="http://jsfiddle.net/o87oyfrx/1/" rel="nofollow">http://jsfiddle.net/o87oyfrx/1/</a></p>
  
  <pre><code>.row2 img:nth-child(2) {
      border: 1px solid green;
  } 
  
  &lt;div class="row2"&gt;
      &lt;a href="http://abcnews.go.com/"&gt;&lt;img src="http://abcnews.go.com/assets/images/navigation/abc-logo.png" /&gt;&lt;/a&gt;
      &lt;a href="http://abcnews.go.com/"&gt;&lt;img src="http://abcnews.go.com/assets/images/navigation/abc-logo.png" /&gt;&lt;/a&gt;
  &lt;/div&gt; 
  </code></pre>