先给每一个菜单项添加边框
/* add border */
.nav li {
border-right: 1px solid #666;
}然后再除去最后一个元素
// remove border /
.nav li:last-child {
border-right: none;
}可以直接使用 :not() 伪类来应用元素:
.nav li:not(:last-child) {
border-right: 1px solid #666;
}这样代码就干净,易读,易于理解了。
当然,如果你的新元素有兄弟元素的话,也可以使用通用的兄弟选择符(~):
.nav li:first-child ~ li {
border-left: 1px solid #666;
}
上一篇:如何看待看源代码
下一篇:css如何将所有元素垂直居中