官场小说排行榜,天下高月小说,好看的玄幻小说

語法：

E:last-of-type { sRules }

匹配父元素下的所有E子元素中的倒數第一個。

需要注意3個要點：

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

HTML示例代碼：

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

如上HTML，假設要命中第1個span元素，代碼如下：

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

此時 .demo 的第3個子元素會被命中，因為 .demo 的第3個子元素正好是第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
6.0-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+