**

CSS 三大特性（完整詳細解析）

**

1.優先級：
定義CSS樣式時，經常出現兩個或更多規則應用在同一元素上，此時，

• 選擇器相同，則執行層疊性
• 選擇器不同，就會出現優先級的問題。

1）權重計算公式
a.簡單記憶法： 通配符和繼承權重為0
標簽選擇器 權重為1
類（偽類）選擇器為10
id 選擇器 權重為100
行內樣式表 權重為 1000
!important 權重為 無窮大

2）權重疊加
我們經常用交集選擇器，后代選擇器等，是有多個基礎選擇器組合而成，那么此時，就會出現權重疊加。

就是一個簡單的加法計算

• div ul li ------> 0,0,0,1 + 0,0,0,1 + 0,0,0,1 = 0,0,0,3
• .nav ul li ------> 0,0,1,0 + 0,0,0,1 + 0,0,0,1 = 0,0,1,2
• a:hover -----—> 0,0,0,1 + 0,0,1,0 = 0,0,1,1
• .nav a ------> 0,0,1,0 + 0,0,0,1 = 0,0,1,1

注意：

數位之間沒有進制 比如說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不會存在 10個div能趕上一個類選擇器的情況。

3）. 繼承的權重為0，不管父元素權重多高，子元素得到的權重都是0
這個不難，但是忽略很容易繞暈。其實，我們修改樣式，一定要看該標簽有沒有被選中。

1） 如果選中了，那么以上面的公式來計權重，誰大聽誰的。
2） 如果沒有選中，那么權重是0，因為繼承的權重為0.

2.CSS層疊性

概念：
所謂層疊性是指多種CSS樣式的疊加。是瀏覽器處理沖突的一個能力,如果一個屬性通過兩個相同選擇器設置到同一個元素上，那么這個時候一個屬性就會將另一個屬性層疊掉

原則：
樣式沖突，遵循的原則是就近原則。哪個樣式離結構近，就執行哪個樣式。
樣式不沖突，則不會層疊

CSS層疊性的執行口訣：長江后浪推前浪，前浪死在沙灘上。

3.CSS繼承性

概念：
子標簽會繼承父標簽的某些樣式，如文本顏色和字號。想要設置一個可繼承的屬性，只需將它應用于父元素即可。簡單的理解就是：子承父業。

注意：
恰當地使用繼承可以簡化代碼，降低CSS樣式的復雜性。比如有很多子級孩子都需要某個樣式，可以給父級指定一個，這些孩子繼承過來就好了。
子元素可以繼承父元素的樣式有（text-，font-，line-這些元素開頭的可以繼承，以及color屬性）

CSS繼承性口訣：龍生龍，鳳生鳳，老鼠生的孩子會打洞。

總結

以上是生活随笔為你收集整理的七、CSS 三大特性（完整详细解析）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。