僅做備份，尚未整理
1、標籤/元素 選擇器
關係
div p span …
div{}
權重1
ID 選擇器
類/類別 選擇器
.calssname 權重10
4, 通配符/通用 選擇器
*{ } 權重 ：0
5.僞類選擇器
:link :hover 權重 ：10
6，僞元素選擇器
::before ::alert :first-letter{}
權重 ：1
7，屬性選擇器
[title]{}
權重 ：10
8，父子/後代/派生/關聯 選擇器
div h1 span{}
9，子集/直接子元素 選擇器
div>h1{}
10，結構性僞類選擇器
.box.ft:first-of-type{}
11，交集選擇器（中間沒有空格）
#idneme.classname{}
12、並集選擇器（中間用逗號隔開）
#idneme,.classname{}
12，相鄰兄弟選擇器
div + p{}
12，所有兄弟選擇器
div ~ p{}
13，羣組/分組 選擇器
div，h1，p，ul{}
14，UI元素狀態選擇器
一般用於表單元素
：disabled 元素不可用無法選擇
：read-only
：checked
：read-write
：selection
組合選擇器