層疊樣式表css最基本的乙個特性就是層疊。衝突的宣告通過層疊進行排序，由此確定最終的文件表示。而這個過程的核心就是選擇器及其相關宣告的特殊性、重要性、**及繼承機制。本文將詳細介紹css層疊
選擇器的特殊性由選擇器本身的元件確定。特殊性值表述為4個部分(如：0,0,0,0)。下面來介紹不同的選擇器的特殊性值
1、內聯樣式 -> 1,0,0,0
2、id屬性值 -> 0,1,0,0
3、類屬性值、屬性選擇或偽類 -> 0,0,1,0
4、元素或偽元素 -> 0,0,0,1
5、結合符和通配選擇器 -> 0,0,0,0
特殊性的值是從左向右排序的，特殊性值1,0,0,0大於以0開頭的所有值，而無論後面是什麼數。在一組規則中，特殊性最高的規則勝出
h1{} -> 0,0,0,1
p em{} -> 0,0,0,2
.grape{} -> 0,0,1,0
*.bright{} -> 0,0,1,0
p.bright em.dark{} -> 0,0,2,2
#id121{} -> 0,1,0,0
div#side *[href]{} -> 0,1,1,1
如果乙個宣告是重要宣告，則超過所有的非重要宣告
繼承是從乙個元素向其後代元素傳遞屬性值所採用的機制。基於繼承機制，樣式不僅可以應用到指定的元素，還會應用到它的後代元素
在兩個比較特殊的情況需要注意：乙個是在html中，應用到body元素的背景樣式可以傳遞到html元素；另乙個是標籤不會繼承父元素的文字樣式
[注意]繼承的屬性沒有特殊性
1、author(作者): 來自文件的樣式檔案。我們平常所寫的樣式基本上都是這一類的
2、user(使用者): 使用者指定的自定義的樣式檔案。一些ua允許使用者匯入自定義的樣式檔案
關於使用者css因為不常見，可能一些朋友不太理解。ie可以通過internet 選項->外觀->輔助功能->使用者樣式表來指定樣式檔案。chrome可以使用stylish擴充套件來實現
css層疊樣式表的層疊特性就是讓樣式層疊在一起，通過特殊性、重要性、**及繼承機制來排列層疊樣式的順序及選出勝出者
1、首先，按照**及重要性排序。在不考慮重要性的前提下，優先順序順序為：author(作者) > user(使用者) > user agent(**)。但是，如果考慮重要性，則user(使用者)的優先順序大於author(作者)的優先順序，這樣做是試圖平衡author(作者)和user(使用者)。所以，最終的優先順序排序為：user(使用者)!important > author(作者)!important > author > user > user agent
2、接著，對於非重要宣告來說，按照特殊性排序。特殊性越高的規則，權重越大
3、最後，如果特殊性相同，則按照出現順序排序。宣告在樣式表或文件中越靠後出現，權重越大。如果樣式表中有通過@import匯入的樣式表，一般認為出現在匯入樣式表中的宣告在前，主樣式表的所有宣告在後
CSS層疊優先順序
內容提要 如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出。它可能不像其它那麼重要，大部分案例你不需要擔心衝突，但大型而且複雜的css檔案，或有很多css檔案組成的，可能產生衝突。如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非...
css 繼承，層疊，優先順序
1，繼承，父親黃種人，孩子也為黃種人 兒子繼承父親 父親為 color red 子元素，也為color red 子元素不要勞作就有了，子元素什麼有沒有做，我就有了父元素的值 2，但是 width，不叫繼承，叫可以獲取 子元素可以獲取父親的width 父親寬度為100px。子元素不寫寬度，那麼，照樣沒...
CSS 元素層疊優先順序原則
1 static元素之間按html結構順序確定優先順序，元素出現的越晚，優先順序就越高 2 設定position的值為非static值 relative absolute fixed 則元素的優先順序會高於static元素 3 設定position的值為非static值 relative absol...