優先順序：由高到低(從上到下)
!important
內聯(1,0,0,0)
id: (0,1,0,0)
類：(0,0,1,0)
偽類/屬性
元素：(0,0,0,1)
萬用字元類選擇器
class="web",多個元素可以擁有同乙個類名
id選擇器
id="web",具有唯一性
偽類選擇器
css偽類（pseud程式設計客棧o-class）是加在選擇器後面的用來指定元素狀態的關鍵字。
鏈結相關
a:link 未訪問的鏈結
a:visited 已訪問的鏈結
a:hover 滑鼠移動到鏈結上
a:acti程式設計客棧ve 選定的鏈結
:target 可用於選取當前活動的目標元素,href="#222"（內容跳轉）
表單元素相關
:focus 偽類在元素獲得焦點時向元素新增特殊的樣式
:disabled 匹配每個被禁用的元素（大多用在表單元素上）。
:enabled 表示任何啟用的（enabled）元素
:checked 匹配每個已被選中的 input 元素（只用於單選按鈕和核取方塊)(只有opera支援)
父子相關
:empty 代表沒有子元素的元素，只計算元素結點及文字（包括空格），注釋、執行指令不考慮在內。
:first-child 代表了某個元素，這個元素是它父元素的的第乙個子元素
css code複製內容到剪貼簿
euzcisqv
:nth-clild(n) 選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別
n 可以是數字、關鍵詞或公式(2,an + b,odd)(n 是計數器（從 0 開始），b 是偏移值)
:nth-last-child(n)倒數
:nth-of-type(n)
屬性選擇器
e[attr]
e[attr=value]
e[attr~=value] 選擇器用於選取屬性值中包含指定詞彙的元素
e[attr^=value] 選擇器匹配屬性值以指定值開頭的每個元素。
父子關係
a e 任何是元素a的後代元素e (後代節點指a的子節點，子節點的子節點，以此類推)
a > e 任何元素a的子元素(直接)
css code複製內容到剪貼簿
基於關係的選擇器
兄弟關係
b + e 任何元素b的下乙個兄弟元素e(直接)
b ~ e b元素後面的擁有共同父元素的兄弟元素e
且.class1.class2 同時包含class1和class2屬性的元素
f#id 具有某id的f元素
或e,f 所有e或f元素
偽元素e:first-line 向文字的首行新增特殊樣式。
e:first-letter 向文字的第乙個字母新增特殊樣式。
e:before 在元素之前新增內容。
e:after 在元素之後新增內容。
本文標題: css中的各種選擇器與樣式優先順序小結
本文位址: /web/css/84441.html
CSS樣式選擇器優先順序
原文 css樣式選擇器優先順序 css樣式選擇器分為4個等級，a b c d，可以以這四種等級為依據確定css選擇器的優先順序。1.如果樣式是行內樣式 通過style 定義 那麼a 1 2.b為id選擇器的總數 3.c為class類選擇器的數量。4.d為型別選擇器的數量 5.屬性選擇器，偽類選擇器和...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...
CSS樣式選擇器
樣式選擇器 每一條css樣式宣告 定義 由兩部分組成，形式如下 選擇器類選擇器 以英文圓點開頭，不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類，如下 膽小如鼠 2.設定類選擇器css樣式，如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...