css - 最後の子がこのフィドルの最後の記事タグをターゲットにしないのはなぜですか？

Question

最後の子がこのフィドルの最後の記事タグをターゲットにしないのはなぜですか？

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ええと、親の最後の子をターゲットにします。この場合、最後の子はsectionクラスを持たないaであるexampleため、セレクターに一致するものはありません。

探しているのは、クラスではなく要素last-of-typeに一致するです。見てください。

Answer 2

セレクターが「各記事の最後の子」と言っているからです