为什么last-child没有针对这个小提琴中的最后一篇文章标签?
<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.