📜  CSS | :nth-last-of-type() 选择器

📅  最后修改于: 2021-09-01 01:35:40             🧑  作者: Mango

CSS 中的:nth-last-of-type() 选择器仅用于设置父元素的第 n 个子元素的样式。从最后一个子元素开始计数的选择器。 n可以是数字、关键字或公式。

句法:

:nth-last-of-type(number) {
  //css Property;
} 

其中 number 是表示匹配元素从末尾开始计数的模式的参数。它可以是奇数、偶数或函数符号。

  • 奇数:表示序列中位置为奇数的元素:1、3、5 等,从末尾开始计数。
  • even:表示一系列中位置为偶数的元素:2、4、6等,从末尾开始数。
  • 函数符号 ():它表示兄弟位置与模式 An+B 匹配的元素,对于 n 的每个正整数或零值。从末尾开始计数的第一个元素的索引为 1。

示例 1:



  

    

  

    
        

GeeksForGeeks

        

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

        

geeksforgeeks

            

A computer science portal for geeks.

                

Sudo placement.

                

GFG STANDS FOR GEEKSFORGEEKS.

                      

输出 :

示例 2:在此示例中,根据公式 2n 从末尾开始选择每个偶数元素。



  

    CSS :nth-last-of-type Selector
    

  

  
    

              GeeksforGeeks          

       

              CSS :nth-last-of-type Selector          

                                                                                                                                                                                                          
Merge sort
Quick sort
Insertion sort
Selection sort
     

输出 :

支持的浏览器: :nth-last-of-type() Selector 支持的浏览器如下:

  • 苹果Safari
  • 谷歌浏览器
  • 火狐
  • 歌剧
  • IE浏览器