:first-of-type

编辑

匹配元素其父级是特定型的第一个子元素。

PHP中文网词条详解简介

:first-of-type”选择器似于“:first-child”选择器,不同之处就是指定了元素的型,其主要用来定位一个父元素下的某个型的第一个子元素。

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


PHP中文网词条详解浏览器

所有主流浏览器均支持 :first-of-type 选择器,除了 IE8 及更早的版本。

PHP中文网词条详解示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<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>


参考资料
    词条标签:
    样式表   CSS   first-of-type