/*使用伪元素制作导航列表项分隔线*/
.nav li:after{
content:"|";
position:absolute;
right:0;
opacity:.5;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{
display:none;
}
.nav li:after{
content:"|";
position:absolute;
right:0;
opacity:.5;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after{
display:none;
}
2015-09-11
经过了一代又一代人们意识到数学不好玩,所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时,此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子,唯一的区别是两个元素都设置了 box-sizing: border-box; :
http://zh.learnlayout.com/box-sizing.html
http://zh.learnlayout.com/box-sizing.html
2015-09-11
a[class^=column]{
background:red;
color:#fff;
}
a[href$=doc]{
background:green;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
background:red;
color:#fff;
}
a[href$=doc]{
background:green;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
2015-09-10
<style>
a[class^=column]{
background: red;
color:#fff;
}
a[href$=doc]{
background:#0f0;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
</style>
a[class^=column]{
background: red;
color:#fff;
}
a[href$=doc]{
background:#0f0;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
</style>
2015-09-10
a[class^=column]{
background: red;
color:#fff;
}
a[href$=doc]{
background:#0f0;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
background: red;
color:#fff;
}
a[href$=doc]{
background:#0f0;
color:#fff;
}
a[title*=box]{
background:blue;
color:#fff;
}
2015-09-10