層疊

宣告衝突：同一個樣式，多次應用到同一個元素

層疊：解決宣告衝突的過程，瀏覽器自動處理（權重計算）

1. 比較重要性

重要性從高到底：

作者樣式表：開發者書寫的樣式

1） 作者樣式表中的!important樣式
2) 作者樣式表中的普通樣式
3) 瀏覽器預設樣式表中的樣式

2. 比較特殊性

看選擇器

總體規則：選擇器選中的範圍越窄，越特殊

具體規則：透過選擇器，計算出一個4位數（x x x x）

1. 千位：如果是內聯樣式，記1，否則記0
2. 百位：等於選擇器中所有id選擇器的數量
3. 十位：等於選擇器中所有類選擇器、屬性選擇器、偽類選擇器的數量
4. 個位：等於選擇器中所有元素選擇器、偽元素選擇器的數量

3. 比較源次序

程式碼書寫靠後的勝出

應用

1. 重置樣式表

書寫一些作者樣式，覆蓋瀏覽器的預設樣式

重置樣式表 -> 瀏覽器的預設樣式

常見的重置樣式表：normalize.css、reset.css、meyer.css

1. 愛恨法則

link > visited > hover > active