“:nth-last-of-type(n)”選擇器和“:nth-of-type(n)”選擇器是一樣的，選擇父元素中指定的某種子元素類型，但它的起始方向是從最后一個(gè)子元素開(kāi)始，而且它的使用方法類似于上節(jié)中介紹的“:nth-last-child(n)”選擇器一樣。

示例演示

通過(guò)“:nth-last-of-type(n)”選擇器將容器“div.wrapper”中的倒數(shù)第三個(gè)段落背景設(shè)置為橙色。

HTML代碼：

<div class="wrapper">
  <p>我是第一個(gè)段落</p>
  <p>我是第二個(gè)段落</p>
  <p>我是第三個(gè)段落</p>
  <p>我是第四個(gè)段落</p>
  <p>我是第五個(gè)段落</p>
  <div>我是一個(gè)Div元素</div>
  <p>我是第六個(gè)段落</p>
  <p>我是第七個(gè)段落</p>
</div>

CSS代碼：

.wrapper > p:nth-last-of-type(3){
  background: orange;
}

演示結(jié)果：