与:first-child
子元素过滤选择器功能相反,:last-child
子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
例如,使用:last-child
子元素过滤选择器,修改“蔬菜”和“水果”中最后一个显示的文字颜色,如下图所示:
在浏览器中显示的效果:
从图中可以看出,通过$("li:last-child")
选择器代码,获取了两个<ul>父元素中的最后一个<li>元素,并使用css()
方法修改了它们在页面中显示的文字颜色。