CSS E:nth-last-of-type(n)

语法：

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 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 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+