div+css布局 一波CSS高级实用技巧小结(1/5)

本篇文章主要介绍了"div+css布局 一波CSS高级实用技巧小结"，主要涉及到div+css布局方面的内容，对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框CSS Code复制内容到剪贴板/* add border */ .nav li { ...

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

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

CSS Code复制内容到剪贴板

1. /* add border */  
2. .nav li {   
3.   border-right: 1px solid #666;   
4. }  

……然后再除去最后一个元素……

CSS Code复制内容到剪贴板

1. //* remove border */  
2.   
3. .nav li:last-child {   
4.   border-right: none;   
5. }  

……可以直接使用 :not() 伪类来应用元素：

CSS Code复制内容到剪贴板

1. .nav li:not(:last-child) {   
2.   border-right: 1px solid #666;   
3. }  

这样代码就干净，易读，易于理解了。

当然，如果你的新元素有兄弟元素的话，也可以使用通用的兄弟选择符（~）：

CSS Code复制内容到剪贴板

1. ..nav li:first-child ~ li {   
2.   
3.   border-left: 1px solid #666;   
4. }  

给 body添加行高

你不需要分别添加 line-height 到每个

，等。只要添加到 body 即可：