css的nth-child
时间: 2023-11-22 21:51:04 浏览: 93
使用css属性:nth-child(n)匹配选择第n个子元素
CSS的nth-child选择器可以选择父元素中的第n个子元素,无论其元素类型是什么。其中n可以是数字、关键字odd(奇数)或even(偶数),也可以是公式an+b的形式。公式中的a和b是整数,n是计数器(从0开始)。需要注意的是,a必须写在b的前面,不能写成b+an的形式。
以下是一些nth-child选择器的例子:
. 选择第2个子元素
```css
parent:nth-child(2) {
/* 样式 */
}
```
2. 选择所有偶数子元素
```css
parent:nth-child(even) {
/* 样式 */
}
```
3. 选择所有公式为3n+1的子元素
```css
parent:nth-child(3n+1) {
/* 样式 */
}
```
阅读全文