css选择器nth-last-child
时间: 2023-09-10 09:09:56 浏览: 198
使用css属性:nth-child(n)匹配选择第n个子元素
:nth-last-child() 是一个 CSS 伪类选择器,用于选择父元素下的倒数第 n 个子元素。它的语法如下:
```css
:nth-last-child(n)
```
其中,n 是一个整数,表示要选择的倒数第几个子元素。
举个例子,如果我们有一个父元素包含 6 个子元素,我们可以使用 :nth-last-child(2) 来选中倒数第二个子元素。
```css
.parent div:nth-last-child(2) {
/* 样式 */
}
```
在上述示例中,只有倒数第二个子元素会应用样式。
还可以通过使用关键字来选择特定的子元素。例如,:nth-last-child(odd) 选择倒数第奇数个子元素,:nth-last-child(even) 选择倒数第偶数个子元素。
希望这能帮助到你!如果你有任何其他问题,请随时提问。
阅读全文