CSS3结构类:nth选择器
:first-child/last-child
语法 element:first-child
选择属于父元素的首个/最后一个子元素的每个element元素,注意element为子元素。
:nth-child(n)
选择某元素下的第n个element元素(n是一个简单的表达式,不能用其他的字母代替),括号里还可以传odd和even两个关键字
:nth-last-child(n)
匹配属于某元素下的第n个element子元素,从最后一个子元素开始计数
在 CSS 中,可以使用 :last-child 伪类来选择一个元素的最后一个子元素。例如,如果想要选择一个列表中的最后一个列表项,可以使用以下代码:
li:last-child {
/* 样式 */
}
这样,只有最后一个列表项会应用相应的样式。注意,:last-child 伪类只选择最后一个子元素,如果有多个父元素,所有父元素的最后一个子元素都会被选择。如果想要选择所有最后一个元素,可以使用 :nth-last-of-type 伪类,例如:
css
element:nth-last-of-type(1) {
/* 样式 */
}
这样,所有类型的最后一个元素都会被选择。