css选择器大致分类
- 基本选择器：元素选择器，群组选择器，
- id选择器、class选择器
- 派生选择器：后代元素选择器、子元素选择器、相邻元素选择器
- 属性选择器：
- 伪类选择器：
- 特殊选择器：通配符选择器
css选择器详细分类
| 序号 | 选择器名称 | 选择器 | 例子 | 例子描述 | 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> 元素内部的所有 <p> 元素。 | css1 |
| 7 | 子元素选择器 | element>element | div>p | 选择父元素为 <div> 元素的所有 <p> 元素。 | css2 |
| 8 | 相邻元素选择器 | element+element | div+p | 选择紧接在 <div> 元素之后的所有 <p> 元素。 | css2 |
| 6 | 代选择器 | element element | div p | 选择 <div> 元素内部的所有 <p> 元素。 | css1 |
| 6 | 后代选择器 | element element | div p | 选择 <div> 元素内部的所有 <p> 元素。 | css1 |
| 6 | 后代选择器 | element element | div p | 选择 <div> 元素内部的所有 <p> 元素。 | css1 |
W3cschool
CSS 选择器参考手册
http://www.w3school.com.cn/cssref/css_selectors.asp
CSS 属性选择器详解 http://www.w3school.com.cn/css/css_selector_attribute.asp
网友评论