方法:1、利用“父元素:nth-child(n)”选择器,该选择器会选择父元素中的第n个子元素,并且元素类型没有限制;2、利用“父元素:nth-of-type(n)”选择器,该选择器也会选择父元素中的第n个子元素,但只选择同级兄弟元素。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
1、:nth-child(n)
:nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。
n 可以是一个数字,一个关键字,或者一个公式。
示例如下:
123 This is a heading
The first paragraph.
The second paragraph.
The third paragraph.
注意: Internet Explorer 8 and以及更早版本的浏览器 :nth-child()选择器.
输出结果:
2、:nth-of-type(n)
:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。
n可以是一个数字,一个关键字,或者一个公式。
示例如下:
123 This is a heading
The first paragraph.
The second paragraph.
The third paragraph.
The fourth paragraph.
输出结果:
(学习视频分享:css视频教程)
Das obige ist der detaillierte Inhalt voncss3选择器怎么选第几个. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!