【CSS】background 的覆盖

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 属性不被覆盖