1.使用：not()在菜单上应用/取消应用边框我们通常的做法是先为每个菜单项设置边框，然后将最后一个菜单的边框设置为零/*添加边框*/.navli{border-right:1pxsolid#666;}//*删除边框*/.navli:last-child{border-right:none;}不要这样做，使用:not()伪类实现同样的效果：.navli:not(:last-child){border-right:1pxsolid#666;}当然你也可以使用.navli+li或者.navli:first-child~li，但是:not()更清晰可读。navli+li{border-left:1pxsolid#666;}/*.navli:first-child~li{border-left:1pxsolid#fff;}*/2.使用：nth-??child(n)选择一个item（注意：第一个子元素的下标为1）：nth-??child(3)表示选择第一个元素中的第三个元素list:nth-child(2n)表示选择列表中的偶数标签，即选择第2、4、6...label:nth-child(2n-1)表示选择列表中的奇数标签，也就是说，selectthe1st,3rd,5th,6th7...Labels:nth-child(n+3)表示选择列表中的标签从第三个开始到最后（>=3）：nth-??child(-n+3)表示选择列表中的标签从0到3，即标签小于3(<=3)：nth-??last-child(3)表示选择列表中倒数第三个标签：nth-of-type(n)匹配属于父元素的特定类型的第N个子元素3.隐藏视频不静音自动播放video[autoplay]:not(:muted){display:none;}再次,利用:not()的优势4.IE中的IE条件注释条件注释具有极好的区分IE版本和IE非IE版本的能力。是Web开发中常用的hack方法。可为IE系列产品处理单独的HTML代码
