CSS相邻兄弟选择器

在每个菜单之间加下划线，如下图效果所示：

一般会这样写：

ul li{ border-bottom: 1px solid rebeccapurple; }
ul li:last-child{ border-bottom: 0; }

事实上，还有更方便的办法：

 ul li+li{  border-top: 1px solid rebeccapurple;  }

 

li+li 选择器的意思是：选择紧接在 li 元素后出现的li，两个元素拥有共同的父元素

用一个结合符只能选择两个相邻兄弟中的第二个元素

 

转载于:https://www.cnblogs.com/qiye2016/p/5489338.html