本篇文章主要介绍了"CSS 高级技巧汇总",主要涉及到CSS,技巧方面的内容,对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下:
使用 :not() 在菜单上应用/取消应用边框先给每一个菜单项添加边框/* add border */.nav li{ border-right: 1px s...
使用 :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;}
给 body添加行高
你不需要分别添加 line-height 到每个 ,等。只要添加到 body 即可:
body {
line-height: 1;}
这样文本元素就可以很容易地从 body 继承。
所有一切都垂直居中
要将所有元素垂直居中,太简单了:
html, body
{
height: 100%;
margin: 0;}
body {
-webkit-align-items: center;