【CSS】background 的覆盖
浏览数：43 /
时间：2015年06月09日
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 属性不被覆盖
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
