css選擇器大致分類
- 基本選擇器：元素選擇器，群組選擇器，
- id選擇器、class選擇器
- 派生選擇器：后代元素選擇器、子元素選擇器、相鄰元素選擇器
- 屬性選擇器：
- 偽類選擇器：
- 特殊選擇器：通配符選擇器
css選擇器詳細(xì)分類
| 序號(hào) | 選擇器名稱 | 選擇器 | 例子 | 例子描述 | css版本 |
|---|---|---|---|---|---|
| 1 | 類選擇器 | .class | .intro | 選擇 class="intro" 的所有元素。 | css1 |
| 2 | id選擇器 | #id | #firstname | 選擇 id="firstname" 的所有元素 | css1 |
| 3 | 通配選擇器 | * | * | 選擇所有元素。 | css2 |
| 4 | 元素選擇器 | element | p | 選擇所有 <p> 元素。 | css1 |
| 5 | 群組選擇器 | element,element | div,p | 選擇所有 <div> 元素和所有 <p> 元素。 | css1 |
| 6 | 后代選擇器 | element element | div p | 選擇 <div> 元素內(nèi)部的所有 <p> 元素。 | css1 |
| 7 | 子元素選擇器 | element>element | div>p | 選擇父元素為 <div> 元素的所有 <p> 元素。 | css2 |
| 8 | 相鄰元素選擇器 | element+element | div+p | 選擇緊接在 <div> 元素之后的所有 <p> 元素。 | css2 |
| 6 | 代選擇器 | element element | div p | 選擇 <div> 元素內(nèi)部的所有 <p> 元素。 | css1 |
| 6 | 后代選擇器 | element element | div p | 選擇 <div> 元素內(nèi)部的所有 <p> 元素。 | css1 |
| 6 | 后代選擇器 | element element | div p | 選擇 <div> 元素內(nèi)部的所有 <p> 元素。 | css1 |
W3cschool
CSS 選擇器參考手冊(cè)
http://www.w3school.com.cn/cssref/css_selectors.asp
CSS 屬性選擇器詳解 http://www.w3school.com.cn/css/css_selector_attribute.asp
