先给每一个菜单项添加边框

/* 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;
}

富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善