僅做備份，尚未整理
1、標籤/元素 選擇器
關係div p span …
div{}
權重1id 選擇器
類/類別 選擇器
.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
組合選擇器
並集選擇器
交集選擇器
後代選擇器
子元素選擇器
毗鄰選擇器
弟弟選擇器
屬性選擇器
分組選擇器
偽類選擇器
偽元素選擇器
選擇器的優先順序
CSS選擇器整理
1 常用選擇器 a 元素選擇器 簡單選擇器 型別選擇器 匹配特定標籤的元素，格式為 標籤 例如 p h1b 後代選擇器 匹配特定元素或者元素組的後代，格式為 標籤 後代，例如 div p ul lic id選擇器 匹配特定id的元素，格式為 id，例如 information blogd 類選擇器 ...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...
CSS選擇器整理2
5 選擇器之間的優先順序 a 一般而言，選擇器指向越精確，優先順序就越高，通常情況下 元素選擇器 類選擇器important屬性選擇器 偽類選擇器和類選擇器優先順序一樣，偽元素選擇器和元素選擇器一樣 b css遵循繼承原則 如果父標籤定義了某個樣式，則預設對應的子標籤也應用該樣式 和就近原則 離標籤...