I've been trying to figure out why the :nth-last-child(-n+3) {} selector is not working for the article element in my document markup. It should work according to comments I've seen, like in this example: http://jsfiddle.net/8PXXm/
However, when I incorporate the markup into my layout, it doesn't seem to have the desired effect of selecting the last 3 items in a row.
.post-entry:nth-last-child(n+3) { display: none; }
The above code seems to be selecting all row items rather than just the last 3.
Here is the HTML snippet:
<article class="grid_4 post-entry">
<a href="#" title="">
<figure class="post-thumb">
<img src="../images/placehold.png" alt="Placehold">
<figcaption>
<img src="../images/cross.png" alt="Cross x">
</figcaption><!-- End figcaption.post-thumb -->
</figure><!-- End figure.post-thumb -->
</a>
</article><!-- End article.grid_4 post-entry -->
Here's the JSFiddle link for reference: http://jsfiddle.net/4XP5W/11/