【web初步】CSS特性

继承性

CSS继承性是指后代元素可以继承祖先元素的样式。继承样式主要包括字体、文本等基本属性，如字体、字号、颜色、行距等

下面类型属性是不允许继续的：边框、边界、补白、背景、定位、布局、尺寸等。

层叠性

CSS层叠性是指CSS能够对同一个对象应用多个样式的能力。

当CSS属性冲突时会根据权重对选择器进行覆盖

• 标签选择器：权重值为1。
• 伪元素或伪对象选择器：权重值为1。
• 类选择器：权重值为10。
• 属性选择器：权重值为10。
• ID选择器：权重值为100。
• 其他选择器：权重值为0，如通配选择器等。

权值计算规则

• 统计选择器中ID选择器的个数，然后乘以100。
• 统计选择器中类选择器的个数，然后乘以10。
• 统计选择器中的标签选择器的个数，然后乘以1。
• 最后把所有权重值数相加，即可得到当前选择器的总权重值，最后根据权重值来决定哪个样式的优先级大。

注意

1. 与样式表中样式相比，行内样式优先级最高；
2. 相同权重值时，样式最近的优先级最高；
3. 使用!important命令定义的样式优先级绝对高；
4. !important命令必须位于属性值和分号之间，
5. 如#header{color: Red!important;}，否则无效。