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

需要注意3個要點：

• 首先，因為匹配的是父元素的子元素，這意味著E元素必須作為某個元素的子元素存在（E元素的父元素最高是html，也就是說E元素最高是body，這表示任何非html的元素都符合這個約束，因為html元素是根元素。）

• 其次，匹配的是父元素的倒數(shù)第n個為E的子元素（被命中的不一定是倒數(shù)第n個子元素，因為匹配的不是倒數(shù)第n個子元素，而是倒數(shù)第n個為E的子元素）

  來看下面這個例子：

  HTML示例代碼：

  <div id="qvbjsgze" class="demo"> <p>p1</p> <p>p2</p> <span>span1</span> <p>p3</p> <span>span2</span> </div>

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

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

  此時p3會被命中，雖然p3是 .demo 的倒數(shù)第2個子元素，但卻是倒數(shù)第1個為p的子元素

• 再次，只能匹配與E元素同級的元素，即：E元素的兄弟元素

  來看下面這個例子：

  HTML示例代碼：

  <div id="qvbjsgze" class="demo"> <span>span1</span> <p> <span>span2</span> <span>span3</span> </p> <span>span4</span> </div>

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

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

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

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持