css – 为什么last-child没有针对这个小提琴中的最后一篇文章标签？

为什么last-child没有针对这个小提琴中的最后一篇文章标签？

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;}

解决方法

最后一个孩子的目标,也就是父母的最后一个孩子.在这种情况下,最后一个子节点是没有类示例的节,因此没有任何内容与选择器匹配.

您正在寻找的是最后一个类型,它匹配元素而不是类. Take a look.