直接選擇標籤
p
2. 類選擇器
給元素設定乙個classname，通過.classname選擇到相同classname的元素
.classname
給元素設定乙個id，通過#id選擇到相應id的元素
#id
. 萬用字元選擇器
*
5. 組合選擇器
將不同的選擇器組合起來（用逗號隔開）一起選中
div,.classname,#id
6. 後代選擇器
//選擇ul下所有li元素後代ul li
7. 子選擇器
//只能選擇ul子級的li元素ul>li
8. 兄弟選擇器
//選擇緊接在div元素之後的所有p元素div+p
div~p
9. 屬性選擇器
10.偽類選擇器
a:link
a:visited
a:hover
a:active
p:nth-child(2)
p:nth-child(odd)
p:nth-child(even)
p:nth-child(3n+1)
p:nth-last-child(2)
p:frist-letter
p:frist-line
11.偽元素選擇器
p:before
p::before
p:after
p::after
::selection
CSS選擇器整理
1 常用選擇器 a 元素選擇器 簡單選擇器 型別選擇器 匹配特定標籤的元素，格式為 標籤 例如 p h1b 後代選擇器 匹配特定元素或者元素組的後代，格式為 標籤 後代，例如 div p ul lic id選擇器 匹配特定id的元素，格式為 id，例如 information blogd 類選擇器 ...
CSS選擇器整理2
5 選擇器之間的優先順序 a 一般而言，選擇器指向越精確，優先順序就越高，通常情況下 元素選擇器 類選擇器important屬性選擇器 偽類選擇器和類選擇器優先順序一樣，偽元素選擇器和元素選擇器一樣 b css遵循繼承原則 如果父標籤定義了某個樣式，則預設對應的子標籤也應用該樣式 和就近原則 離標籤...
CSS簡單選擇器
選擇器 選中頁面中的元素，並將選擇器後面的樣式 應用到選中的樣式。選中所有的p元素並應用樣式。p.這是乙個p標籤 標籤可以省略，表示選擇所有指定該class屬性值的元素 如果不省略，表示class屬性為該值得特定標籤 將所有class屬性的值為text的元素的顏色設為天藍色 將class屬性的值為t...