:not()的小妙用

心情代码（使用 :not() 在菜单上应用/取消边框）

昨天在写一个横向的导航，每个li之间有一条竖线，但是两端没有，这种情况根据我以往的解决办法就是，先给每一个li添加边框，然后再给最后的li去除边框：

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

这样代码就简洁干净了，O(∩_∩)O哈哈~