2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > CSS常用子元素选择器-选择特定子元素

CSS常用子元素选择器-选择特定子元素

时间:2023-02-11 07:09:10

相关推荐

CSS常用子元素选择器-选择特定子元素

注:n可以是数字,也可以是表达式

常用举例:

p:nth-child(n + 2):除其父元素下的第一个p元素外所有p元素

p:nth-last-child(n + 2):除其父元素下倒数第一个p元素外所有p元素。

2n:偶数

2n+1:奇数

-n+4:第一个到第四个

3n:3的倍数,每三个取一次

注:nth-child(n)和:nth-of-type(n)的区别:

两者都可以选择其父元素下第n个子元素,但在子元素的类型上有所区分

p:nth-of-type(n):其父元素下的第n个p元素

p:nth-child(n):其父元素下的第n个且为p的元素,如果不是p,则选择失败

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。