CSS3 :first-of-type 选择器

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

指定其父级的第一个p元素的背景色：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p:first-of-type {
      background: #ff0000;
    }
  </style>
</head>
<body>

  <h1>This is a heading</h1>
  <p>The first paragraph.</p>
  <p>The second paragraph.</p>
  <p>The third paragraph.</p>
  <p>The fourth paragraph.</p>

</body>
</html>

尝试一下 »

定义和用法

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

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

浏览器支持

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

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

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