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

在设计和开发Web应用程序时,有时我们需要选择除最后一个元素之外的元素内的所有子元素,那么如何使用CSS来选择元素中除最后一个之外的所有子元素?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。
如何使用CSS选择除最后一个之外的所有子元素?_第1张图片

要使用CSS选择元素中除最后一个之外的所有子元素,可以使用使用:not和:last-child选择器。

语法:

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

:not(selector) 选择器:用来匹配非指定元素/选择器的每个元素。

:last-child选择器:用来匹配父元素中最后一个子元素。

示例1:创建一个导航菜单,除最后一个元素外,菜单之间用右边框分隔



	
		
		 
 
  
 
     
 
  

效果图:

如何使用CSS选择除最后一个之外的所有子元素?_第2张图片

示例2:创建导航菜单,除最后一个元素之外,其他菜单添加一些CSS属性。



	
		
		 
 
  
 
     
 
  

效果图:

在这里插入图片描述
推荐阅读:

php服务器

php5下载

layui框架

你可能感兴趣的:(css)