css之使用 :not() 在菜单上应用/取消应用边框

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