CSS | :nth-last-child() 选择器

CSS 中的nth-last-child()选择器用于根据元素在同级组中的位置匹配元素，从末尾开始计数。

句法：

:nth-last-child(number) {
    //CSS Property
}

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

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

示例 1：在此示例中，根据公式 2n+1 选择每个奇数元素，从末尾开始计数。

    
        
        
    
    
      
        

            GeeksforGeeks
        
          
        

            CSS :nth-last-child Selector
        
      
        
A computer science portal for geeks.
        
Geeks classes an extensive classroom programme.
              
    

输出：

示例 2：

    
        
        
    
    
      
        

            GeeksforGeeks
        
          
        

            CSS :nth-last-child Selector
        
      
        
          
            
              
            
            
              
            
            
              
            
            
              
            
          
        
Merge sort
Quick sort
Insertion sort
Selection sort
              
    

输出：

支持的浏览器： :nth-last-child 选择器支持的浏览器如下：

• 苹果 Safari 3.2
• 谷歌浏览器 4.0
• 火狐 3.5
• 歌剧 9.6
• 浏览器 9.0