title: :first-of-type selector doesn't work
body: <p>I can't explain why it is not working. I have the next HTML:</p>
  
  <pre><code>&lt;div id="show-entrevistas-home"&gt;
    &lt;div id="banner-lateral"&gt;&lt;/div&gt;
    &lt;div id="post-410" class="post-410 type-entrevistas status-publish hentry has-post-thumbnail"&gt;&lt;/div&gt;
    &lt;div id="post-408" class="post-408 type-entrevistas status-publish hentry has-post-thumbnail"&gt;&lt;/div&gt;
    &lt;div id="post-406" class="post-406 type-entrevistas status-publish hentry category-destacado has-post-thumbnail"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the next CSS:</p>
  
  <pre><code>#show-entrevistas-home div[id*='post-'].type-entrevistas:first-of-type {
     margin-top: 240px !important;    
  }
  </code></pre>
  
  <p>The above CSS works when I remove <code>:first-of-type</code>, but it's not working with it (the first post is not getting the rule) . Any idea of what can be happening here with <code>:first-of-type</code>?</p>