hooyantsing's Blog

P16_11_根据元素编号灵活选择

字数统计: 139阅读时长: 1 min
2020/03/24

P16 11 根据元素编号灵活选择

根据元素

:nth-child

通过第几个来改变样式,参数:1~x

1
2
3
article>:nth-child(1){

}

当参数为n时,改变全部的样式

1
2
3
article>:nth-child(n){

}

选取偶数行

1
2
3
4
5
6
7
article>:nth-child(2n){

}

article>:nth-child(even){

}

选取奇数行

1
2
3
4
5
6
7
article>:nth-child(2n-1){

}

article>:nth-child(odd){

}

选取前两个

1
2
3
article>:nth-child(-n+2){

}

从第二个开始

1
2
3
article>:nth-child(n+2){

}

根据类型

:nth-of-type

用法同上,略。

CATALOG