CSS:層疊樣式表的衝突處理

前言

重疊樣式表的衝突是經過重疊過程排序，最終肯定文檔的顯示方式的，也就是是說經過重疊排序來處理衝突問題。這過程起決定性做用的是選擇器及其相關申明的特殊性，以及繼承機制。

基本流程

一、找出全部相關規則，這些規則保護給定元素匹配的選擇器；

二、按顯示權重對應用到該元素的全部聲明排序；

三、按照特殊性對應用到給定元素的全部聲明排序；

四、按照順序對應用到給定元素的全部聲明排序。

顯示權重

按照規則的重要性是普通和重要，按照來源是用戶、製做者、瀏覽器。

從高到低是

一、用戶 重要

二、製做者 重要

三、製做者 普通

四、用戶 普通

五、瀏覽器

其中所謂重要和普通就是看是否在樣式中加入!important

h1 { color:# 333!important;}

特殊性

一、ID選擇器:0.1.0.0;

二、類選擇器，屬性選擇或者僞類選擇器:0.0.1.0;

三、元素和僞元素:0.0.0.1;

四、結合符和通配符對特殊性沒貢獻:0.0.0.0 存疑？到低是無特殊性仍是0特殊性

*{}

五、ID選擇器和屬性ID選擇器的特殊性是不一樣的。

六、內聯樣式的特殊性:1.0.0.0

七、繼承無特殊性，比0特殊性還低。

八、非css樣式特殊性會處理爲0。

順序

越日後，越有效。

來自爲知筆記(Wiz)