CSS:层叠样式表的冲突处理
浏览数：21 /
时间：2015年06月09日
前言
重叠样式表的冲突是通过重叠过程排序，最终确定文档的显示方式的，也就是是说通过重叠排序来处理冲突问题。这过程起决定性作用的是选择器及其相关申明的特殊性，以及继承机制。
基本流程
1、找出所有相关规则，这些规则保护给定元素匹配的选择器；
2、按显示权重对应用到该元素的所有声明排序；
3、按照特殊性对应用到给定元素的所有声明排序；
4、按照顺序对应用到给定元素的所有声明排序。
显示权重
按照规则的重要性是普通和重要，按照来源是用户、制作者、浏览器。
从高到低是
1、用户 重要
2、制作者 重要
3、制作者 普通
4、用户 普通
5、浏览器
其中所谓重要和普通就是看是否在样式中加入!important
h1 {color:#333!important;}特殊性
1、ID选择器:0.1.0.0;
2、类选择器，属性选择或者伪类选择器:0.0.1.0;
3、元素和伪元素:0.0.0.1;
4、结合符和通配符对特殊性没贡献:0.0.0.0 存疑？到低是无特殊性还是0特殊性
*{}5、ID选择器和属性ID选择器的特殊性是不同的。
6、内联样式的特殊性:1.0.0.0
7、继承无特殊性，比0特殊性还低。
8、非css样式特殊性会处理为0。
顺序
越往后，越有效。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
