css样式表中:
body{font-size:12px}
a{color:#666666}
.dq
a{color:#ff0000}
页面代码中:
我是a1
我是a2
所谓的叠加,就是这个样式已经存在,而又出现了一个这样的样式,就叫叠加。是依靠“就近原则”来取这个值。比如:在类div为dq的链接前面已经设置了一个a{color:#666666},而后面又设置了一个.dq
a{color:#ff0000},后面这个就会把前面的叠加掉了,也就是覆盖掉了。
所谓的继承,就是子孙级都拥有父级的东西。比如:已经存在了一个样式body{font-size:12px},而后面的a标签都是在body标签里面的,a标签它就会得到这条样式font-size:12px,这就叫继承。
希望对你有所帮助。
.wrap li:last-child{ border-right:none} 吧最后一个li的border-right的border去掉。。。但是兼容不好,ie好像是ie9以上的浏览器才行~~不行还有一种方法li给border,通过margin-left:-1px合并border,具体如下
body,ul{
margin:0
padding:0}
li{
list-style:none}
.wrap{
width:385px
height:39px
overflow:hidden
border-left:1px
solid
#0000f0
margin:30px
auto}
.wrap
li{
width:76px
height:37px
line-height:37px
text-align:center
border:1px
solid
#0000f0
float:left
margin-left:
-1px
}
妙味
妙味
妙味
妙味
妙味
演示: