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

  

posted on 2017-11-27 15:46  木之子梦之蝶  阅读(189)  评论(0编辑  收藏  举报

导航