📜  如何使用CSS选择除最后一个子元素之外的元素的所有子元素?

📅  最后修改于: 2021-08-31 02:21:29             🧑  作者: Mango

在设计和开发Web应用程序时,有时我们需要选择一个元素除最后一个元素之外的所有子元素。要选择元素的除最后一个子元素之外的所有子元素,请使用:not:last-child伪类。

句法:

element:not(:last-child) { 
    // CSS Style
}

示例 1:此示例创建一个除最后一个元素外由右边框分隔的导航菜单。



      

    
        Example to select all children
        except the last
    
      
    
    

  

    

  
                    

输出:
导航菜单

示例 2:此示例创建一个导航菜单并使用除最后一个元素之外的一些 CSS 属性。



      

    
        Example to select all children
        except the last
    
      
    
    

  

    

                    

输出: