第三章 结构和层叠

第三章 结构和层叠

1.权重

a.以0,0,0,0排列，各种选择器的权重值分别为：
内联元素样式 1,0,0,0
ID选择器 0,1,0,0
类，伪类和属性选择器 0,0,1,0
元素和伪类元素选择器 0,0,0,1
全局选择器（＊） 0,0,0,0 不过不同于无权重 如受inherit影响
注意：
1.0,0,1,0 权重大于 0,0,0,1000
2.ID选择器和类选择器材同相应的属性选择器最大的区别就在于：权重
3.CSS2中内联样式的权重等价于ID选择器
4.!important声明
位置：每个属性最后 否则无效
判断：对权重并无影响，只是将有!important声明的属性值放到一起判断，而无此声明的属性放到一起判断。
5.继承inherit
不可继承的属性：borders,margins,paddings,backgrounds
使用全局选择器时应谨慎继承问题，如
*{color:blue;} h1#title{color:black:}
<h1 id="title">metting<em>center</em></h1>
em继承了blue所以h1的颜色样式不会对其产生影响

2.层叠
如果权重相同，如何选择？
a.根据权重和源，依次递减：
reader's (!important)
author's (!important)
author's (normal)
reader's (normal)
即：如果有!important声明，reader's win
如果没有，则author's win
不用担心浏览器，因为最低

b.根据声明顺序
如果多个申明指向同一属性，且权重和源都相同，则选择出现在最后的声明