使用:nth-child(n)和:nth-last-child(n)选择器
时间: 2023-10-22 18:04:36 浏览: 148
使用css属性:nth-child(n)匹配选择第n个子元素
:nth-child(n)选择器用于选取某个元素的父元素下的第n个子元素。例如,如果我们想选取一个ul元素下的第二个li元素,可以使用以下代码:
```
ul li:nth-child(2) {
/* 样式 */
}
```
:nth-last-child(n)选择器也用于选取某个元素的父元素下的第n个子元素,但是它是从后往前数的。例如,如果我们想选取一个ul元素下的倒数第二个li元素,可以使用以下代码:
```
ul li:nth-last-child(2) {
/* 样式 */
}
```
需要注意的是,如果要选择所有的子元素,可以使用nth-child(n)或者nth-last-child(n)中n为正无穷大或者负无穷大的情况,例如:
```
ul li:nth-child(n) {
/* 选择所有子元素 */
}
ul li:nth-last-child(n) {
/* 选择所有子元素 */
}
```
阅读全文