首页 > Web开发 > 详细

css 继承和层叠

时间:2015-11-08 23:40:22      阅读:324      评论:0      收藏:0      [点我收藏+]

css继承

1.css 可以继承的是背景(background)、字体(font)、文本(text) 宽高。浮动的元素不会继承。

2.css样式:浏览器默认样式、用户指定样式、作者定义样式。

3、css优先级(权值)

    选择器   a  b  c   d

    内嵌     1   0   0  0

     id       0   1   0   0 

 属性/伪类 0   0   1   0

元素         0   0    0   1

!important 最高 

一般:内嵌>内联/外部

eg:

#content div#main-content h2{

color:red;

}

#content #main-content>h2{

color:blue
07
}

body #content div[id="main-content"] h2{
color:green;

}

上个例子中两个标题的颜色都是红色。

 

权值的计算中,b为的权值永远不可能进到a,只能在b为相加。其他也一样

 

#main-content div.paragraph h2{

color:orange;

}

#main-content [class="paragraph"] h2{

color:yellow;

}

div#main-content div.paragraph h2.first{

color:pink;

}

 

css 继承和层叠

原文:http://www.cnblogs.com/alicezq/p/4948490.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!