:last-child伪类选择器
:last-child伪类选择器是CSS中比较常用的一种伪类选择器,它的作用是选择父元素的一个子元素。它可以接受任何元素作为父元素,只要这个父元素有子元素,就可以使用:last-child伪类选择器来选择一个子元素。
/* 下面的代码将选择一个 li 元素 */ ul li:last-child { color: red; }
除了可以选择父元素的一个子元素,:last-child伪类选择器还可以选择一个元素的子元素,如下所示:
/* 下面的代码将选择一个 div 元素的一个子元素 */ div:last-child p:last-child { color: red; }
:last-child伪类选择器还可以选择任何给定元素的一个子元素,如下所示:
/* 下面的代码将选择任何 div 元素的一个子元素 */ div:last-child { color: red; }
以上就是,它可以用来选择父元素的一个子元素,也可以用来选择一个元素的子元素,甚至可以用来选择任何给定元素的一个子元素。