CSS是叠加和继承的 这句是什么意思?什么是叠加、什么是继承?

html-css022

CSS是叠加和继承的 这句是什么意思?什么是叠加、什么是继承?,第1张

CSS是叠加和继承的。这句话应该是CSS样式是叠加和继承的。我们些段代码来解释什么是叠加、什么是继承:如下

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

}

妙味

妙味

妙味

妙味

妙味

演示: