今日這篇是整合前面的css補充知識的。

我覺得前面的關于css的知識補充進去有點亂，今日整理整理一下。

層疊樣式表

層疊是什么意思？為什么這個詞如此重要，以至于要出現在它的名稱里。

層疊可以簡單地理解為沖突的解決方案。

什么是沖突？

就是同個元素在使用不同的選擇器選擇中后添加相同的樣式。

優先級規則可以表述為

行內樣式>ID樣式>類別樣式>標記樣式

在復雜的頁面中，某一個元素有可能會從很多地方獲取樣式，例如一個網站的某一

級標題整體設置為使用綠色，而對某個特殊欄目需要使用藍色，這樣在欄目中就需

要覆蓋通用的樣式設置。在很簡單的頁面中，這樣的特殊需求實現起來不會很難，

但是如果網站的結構很復雜，就完全有可能代碼變得非常混亂，可能出現無法找到

某個元素的樣式來自于哪條規則的情況。因此，必須要充分理解css中“層疊”的原理。

計算沖突樣式的優先級是一個比較復雜的過程，并不僅僅是上面這個簡單的優先級規則

可以完全描述的。但是讀者可以把一個大的原則，就是“越特殊的樣式，優先級越高”。

而這個怎么樣才是特殊且越特殊怎么定位，請接著看以下的內容。

特殊性：

每個選擇器都有特殊性，而如果一個元素有兩個或多個沖突的屬性聲明，特殊性高的勝出。

選擇器的特殊性由選擇器本身的組件確定。特殊性值表述為4個部分，如：0,0,0,0.

一個選擇器的具體特殊性如下確定：

對于選擇器中給定的各個ID屬性值，則在第二個部分加一：0,1,0,0。

對于選擇器中給定的各個類屬性值、屬性選擇或偽類，則在第三個部分加一：0,0,1，0。

對于選擇器中給定的各個元素和偽元素，則在第四個部分加一：0,0,0,1。

結合符和通配選擇器對特殊性沒有任何貢獻。

但通配選擇器特殊性為零  ： 即0,0,0,0。

結合符連零都沒有。

例子：

h1{color:red;}   為0,0,0,1

p em{color：purple}  為0,0,0,2

.grape{color:purple}  為0,0,1,0

p.b e.a{color:red; }   0,0,2,2

#aa{color:red;}    0,1,0,0

div#aa *[href]{color:red;}  0,1,1,1

而第一個0是為行內樣式準備的，因為越前面，代表優先級越高，假如非零數字位置一樣，那么先比較前面的數字的大小，

然后再往下比較，直到數字不相對，取數字大那個的優先級高。

所以才有上面的那個大致優先級規則：

行內樣式>ID樣式>類別樣式>標記樣式

它們剛剛好可以作為每個部分的代表，也是四個，對號入座。