“:nth-last-child(n)”選擇器和前面的“:nth-child(n)”選擇器非常的相似，只是這里多了一個(gè)“last”，所起的作用和“:nth-child(n)”選擇器有所區(qū)別，從某父元素的最后一個(gè)子元素開(kāi)始計(jì)算，來(lái)選擇特定的元素。

案例演示

選擇列表中倒數(shù)第五個(gè)列表項(xiàng)，將其背景設(shè)置為橙色。

HTML代碼：

<ol>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
  <li>item5</li>
  <li>item6</li>
  <li>item7</li>
  <li>item8</li>
  <li>item9</li>
  <li>item10</li>
  <li>item11</li>
  <li>item12</li>
  <li>item13</li>
  <li>item14</li>
  <li>item15</li>
</ol>?

CSS代碼：

ol > li:nth-last-child(5){
  background: orange;
}

演示結(jié)果：