“:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。
案例演示
选择列表中倒数第五个列表项，将其背景设置为橙色。
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; }演示结果：
在CSS编辑第一行输入正确代码，修改列表倒数第五项的背景色为橙色。
<!DOCTYPE www.dztcsd.com html> <html> <head> <meta charset="utf-8"> <title>结构性伪类选择器—nth-last-child(n)</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <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> </ol> </body> </html>
