TUTORIAL前端与浏览器FETCHED

CSS3 :first-of-type 选择器

CSS3 :first-of-type 选择器 完整CSS选择器参考手册 实例 选择的 p 元素是其父元素的第一个 p 元素: [mycode3 type='css'] p:first-of-type { background:#ff0000; } [/mycode3] 尝试一下 » 定义和用法 :first-of-type 选择器匹配元素其父级是特定类型的第一个子元素。 提示: 和 :n..

更新于 2026/7/16

教程详情页默认 noindex。

CSS3 :first-of-type 选择器

CSS完整选择器完整CSS选择器参考手册

实例

选择的 p 元素是其父元素的第一个 p 元素:

p:first-of-type { background:#ff0000; }

尝试一下 »

定义和用法

:first-of-type 选择器匹配元素其父级是特定类型的第一个子元素。

提示: 和 :nth-of-type(1) 是一个意思。


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:first-of-type 4.0 9.0 3.5 3.2 9.6

CSS完整选择器完整CSS选择器参考手册