css樣式優先順序遵循如下：
行內樣式 > id選擇器 > 類選擇器 > 元素選擇器
在選擇器優先順序相同的情況下，遵循就近原則。
頁面某元素在多層巢狀情況下，根據權重大小顯示，權重越大優先顯示。
備註：!important 表示強制應用該樣式，例如：button，與以上的選擇器相遇時，強制使用此樣式；
選擇器類別
說明權重表示
權值表示
行內樣式行內只有乙個 style = ""
（1.0.0.0）
1000
id選擇器selector中使用了幾個id，即#的個數
（0.1.0.0）
100類選擇器類,偽類,以及屬性的個數
如： .outerclass .buttonclass[type="button"]:hover{}
選擇器中有2個類,1個屬性,1個偽類
（0.0.1.0）
10元素選擇器偽元素和標籤元素的個數，如： p:first-child
選擇器中有乙個標籤元素p和乙個偽元素first-child
（0.0.0.1）
1
CSS的優先順序和權重簡介
首先權重乙個相對概念，可以認作天平中的砝碼，權重大的地方就會被重視 使用 當然這在權重等級相同的前提下。一 權重的等級劃分 第一等級 內部樣式 style 權值 1000.第二等級 id選擇器 id 權值 100.第三等級 class 偽類 屬性選擇器 class hover link type 權...
CSS權重以及優先順序
權重的級別劃分包含了所有的css選擇器 如果兩個選擇器作用在同乙個元素上，則權重高者生效 權重的級別根據選擇器被分為四個分類 行內樣式，id，類和屬性，以及元素。當很多規則都被應用到某乙個元素上時，全中決定了那種規則生效。每個選擇器都有自己的權重。每個css規則，都包含了乙個權重級別。如果兩個選擇器...
CSS樣式優先順序及權重
一 什麼是繼承性？作用 給父元素設定一些屬性，子元素也可以使用，這個我們就稱之為繼承性。color red p div 的 color red 屬性，這個屬性將被 繼承，即 也擁有屬性 color red 直接樣式 比 祖先樣式 優先順序高。類名為 son 的 div 的 color 為 blue ...