1. 样式覆盖问题描述
现象:class1 为dom节点默认样式,class2为dom节点后增加样式,发现class2的background 被class1的覆盖
解决办法:在class2 的background采用 !import 强调
2. css样式覆盖原理解析
1)css 样式有两种方法导入: a. 外联样式--外部文件 b.内联样式-- html 的 style节点 、 dom节点强制绑定
优先级为 内联 - dom节点强制绑定 > 内联 - html 的 style节点 > 外联
2)css选择器的优先级 内联样式 > id > class=伪类 > tagName = 伪元素
权重分别为
内联:1000
id:100
class / 伪类: 10
tagName / 为元素: 1
后代选择器的权值为每项权值之和
权值相同后加载的css 文件会覆盖前面加载
3)!import 属性不被覆盖