欢乐颂第三季,好看的小说君子以泽,玄幻小说排行榜完本

語法：

E:first-of-type { sRules }

匹配父元素下第一個類型為E的子元素。

需要注意3個要點：

首先，該選擇符要匹配的是類型為E的子元素，這意味著E元素必須作為某個元素的子元素存在（E元素的父元素最高是html，也就是說E元素本身最高只能是body，這表示任何非html的元素都符合這個約束，因為html元素是根元素。）
其次，該選擇符要匹配的是父元素第一個類型為E的子元素，這意味著被命中的元素不一定是父元素的第一個子元素（因為排在父元素首位的不一定是E元素，E元素可能在子元素列表中的任何位置）。來看下面這個例子：

HTML 代碼：

<div id="nubm75x" class="demo"> p1 p2 span1 p3 span2 </div>

如上HTML，我們要命中父元素 .demo 的第一個 span 子元素，CSS 代碼如下：

.demo span:first-of-type { color: #f00; }

此時 .demo 的第1個元素并沒有被匹配到，而是匹配到了第3個子元素，因為第3個子元素正好是 .demo 的第1個span子元素
再次，只能匹配與E元素同級的元素，即：E元素的兄弟元素
來看下面這個例子：

HTML示例代碼：

<div id="nubm75x" class="demo"> span1 span2 span3 span4 </div>

如上HTML，如果我想匹配其中的第1個span，代碼如下：

.demo span:first-of-type { color: #f00; }

結果span1和span2都會被命中，因為span1和span2分屬不同的父元素，并且都是其父元素的首個span元素，所以都會被命中

IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
8.0	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+
IE9.0+	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+