權重的級別劃分包含了所有的css選擇器
如果兩個選擇器作用在同乙個元素上，則權重高者生效
權重的級別根據選擇器被分為四個分類：行內樣式，id，類和屬性，以及元素。
當很多規則都被應用到某乙個元素上時，全中決定了那種規則生效。
每個選擇器都有自己的權重。每個css規則，都包含了乙個權重級別。
如果兩個選擇器同時作用到乙個元素上，權重高者生效。
根據選擇器的種類可以分為四類，也決定了四種不同的等級
1.行內樣式，指的是html中定義的style
2.id選擇器
3.類，屬性，和偽類選擇器
注這一類的選擇器如：:hover，:focus，偽類選擇器表示的是一種狀態。
4.元素和偽元素
偽元素選擇器如：before，：after
擴充套件閱讀：
權重口訣記憶：從0開始，乙個行內樣式+1000，乙個id+100，乙個類，屬性和偽類元素+10，乙個標籤和偽元素+1
CSS的優先順序和權重
css樣式優先順序遵循如下 行內樣式 id選擇器 類選擇器 元素選擇器 在選擇器優先順序相同的情況下，遵循就近原則。頁面某元素在多層巢狀情況下，根據權重大小顯示，權重越大優先顯示。備註 important 表示強制應用該樣式，例如 button，與以上的選擇器相遇時，強制使用此樣式 選擇器類別 說明...
CSS樣式優先順序及權重
一 什麼是繼承性？作用 給父元素設定一些屬性，子元素也可以使用，這個我們就稱之為繼承性。color red p div 的 color red 屬性，這個屬性將被 繼承，即 也擁有屬性 color red 直接樣式 比 祖先樣式 優先順序高。類名為 son 的 div 的 color 為 blue ...
CSS 選擇器優先順序（權重）
請問div的背景顏色為紅色還是綠色呢？lang en charset utf 8 documenttitle divstyle head style background color green div body html 答案為綠色。為什麼會是綠色呢？難道存在 執行的先後的覆蓋問題？請看第二個問題...