选择某个元素的最后一个子元素<:last-child>
:last-child选择器与:first-child选择器的作用类似,不同的是它选择是的元素的最后一个子元素。
比如说,我们需要单独给列表最后一项一个不同的样式,我们就可以使用这个选择器,如下设置简单样式:
.wrap li:last-child {background: green; border: 2px dashed blue;}
:last-child选择器与:first-child选择器使用方法是不是很类似,亲身感受一下效果吧!