Why is last-child not targeting the last article tag in this fiddle?

Question

Why is last-child not targeting the last article tag in this fiddle?

http://jsfiddle.net/gunP9/

<div class="parent">
<article class="example">111</article>
<article class="example">111</article>
<article class="example">111</article>
<article class="example">111</article>
<section>content</section>
</div>

CSS

.parent .example{ background-color: red;}
.parent .example:last-child{background-color: yellow;}

Answer 1

last-child targets, well, the last child of the parent. In this case, the last child is a section which doesn't have the class example, and consequently nothing matches the selector.

What you're looking for is last-of-type, which matches elements and not classes. Take a look.