-
一、声明冲突:
属性相同值不同,这就是声明冲突。
二、层叠:
层叠是一种机制,用于解决css声明冲突。
层叠的过程:
- a、比较优先级
若属性值后跟上 !important;是一条重要声明,反之表示普通声明
(例如:color:red !important;)
优先级从低到高排列
-
1.浏览器默认声明 2.用户的普通声明 3.作者的普通声明 4.作者的重要声明 5.用户的重要声明
- b、比较特殊性
-
嵌入 id class 元素 a b c d style 1 0 0 0 id 0 1 0 0 class、属性、伪类 0 0 1 0 元素、伪元素 0 0 0 1 通配符 0 0 0 0 important 最高 最高 最高 最高
规则适用范围越大,特殊性越低,适用范围越小,特殊性越高
| 特殊性从高到低 |
|---|
| important>行内样式>ID选择器>类选择器>元素选择器>通配符选择器 |
继承:是指子元素会自动拥有父元素的某些css属性
可被继承的 属性:color font-size font-weight text-align
不可被继承的属性:background-color
强制继承:
也叫显示继承,是指将CSS属性值设置为inheri
属性值计算过程的简介
c、比较源次序
就近原则 后来者居上