CSS（選擇器）

CSS（選擇器）

做用：用於匹配 HTML 元素

選擇器分類：

1.元素選擇器  a{}

2.僞元素選擇器  ::before{}  （真實存在的元素）

3.類選擇器   .link{}

4.屬性選擇器[type=radio]{}

5.僞類選擇器  :hover    （一種狀態，不是真實存在的）

6.ID選擇器  #id          （惟一存在）

7.組合選擇器[type=checkbox]+label{}

8.否認選擇器  :not(.link){}

9.通用選擇器  *{}

選擇器權重：

1.ID 選擇器  #id{} +100

2.類  屬性  僞類    +10

3.元素 、僞元素   +1

4.其餘選擇器       +0

實例：

（計算權重不存在進位，一個 ID 選擇器 權值 >  10個 類 選擇器 權值 ）

結果：

補充：1.！important 優先級最高

           2.元素屬性（內聯 > 外嵌）  優先級高

           3.相同權重  後寫的生效