完美世界前传下载,重生之毒妃梅果小说,欢乐颂小说在线阅读

語法：

E:nth-last-of-type(n) { sRules }

匹配父元素的倒數第n個子元素E。

需要注意3個要點：

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

HTML示例代碼：

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

如上HTML，要命中倒數第1個p元素，代碼如下：

.demo p:nth-last-of-type(1) { color: #f00; }

此時p3會被命中，雖然p3是 .demo 的倒數第2個子元素，但卻是倒數第1個為p的子元素
再次，只能匹配與E元素同級的元素，即：E元素的兄弟元素
來看下面這個例子：

HTML示例代碼：

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

如上HTML，你將不能通過下面的代碼命中span3：

.demo span:nth-last-of-type(2) { color: #f00; }

因為span3并不是.demo的倒數第二個span子元素，而是p的倒數第一個span子元素，上述選擇符最終命中的會是span1和span2

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+