CSS的作用：nth-last-of-type(n)选择器


Role of CSS :nth-last-of-type(n) Selector

使用CSS：nth-last-of-type(n)选择器选择每个

第二个

的元素
从上一个孩子算起其父元素。

您可以尝试运行以下代码来实现：nth-last-of-type(n)选择器：

现场演示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
 <head>
   <style>
    p:nth-last-of-type(2) {
      background: blue;
      color: white;
    }
   </style>
 </head>
 <body>
   <p>
This is demo text 1.
</p>
   <p>
This is demo text 2.
</p>
   <p>
This is demo text 3.
</p>
   <p><center>[wp_ad_camp_3]</center></p><p>
This is demo text 4.
</p>
   <p>
This is demo text 5.
</p>
 </body>
</html>