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

前端之家收集整理的这篇文章主要介绍了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.

猜你在找的CSS相关文章