在每个菜单之间加下划线,如下图效果所示:
一般会这样写:
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,两个元素拥有共同的父元素
用一个结合符只能选择两个相邻兄弟中的第二个元素