一、 基本选择器
| 序号 | 选择器 | 含义 |
|---|---|---|
| 1. | * | 通用元素选择器，匹配任何元素 |
| 2. | p | 标签选择器 |
| 3. | .info | class选择器 |
| 4. | #footer | id选择器 |
二、组合使用
| 序号 | 选择器 | 含义 |
|---|---|---|
| 1. | E,F | 匹配E或F |
| 2. | E F | 属于E元素后代的F元素 |
| 3. | E>F | 子元素选择器，匹配所有E元素的子元素F |
| 4. | E+F | 毗邻元素选择器，匹配所有紧跟E元素之后的同级元素F |
三、属性选择器
| 序号 | 选择器 | 含义 |
|---|---|---|
| 1. | E[att] | 匹配所有具有att属性的E元素，E可以省略 |
| 2. | E[att=val] | 匹配所有att属性等于'val'的E元素 |
| 3. | E[att~=val] | 匹配多个值，val中值用空格分隔，符合一个就可以 |
| 4. | E[att=val] | 匹配所有att属性具有多个连字符分隔的值，其中一个以'val'开头的E元素 |
| 4 E[att | =val] |
四、 CSS3属性选择器
| 序号 | 选择器 | 含义 |
|---|---|---|
| 1. | E[att^='val'] | 属性att值以val开头 |
| 2. | E[att$='val'] | 属性att值以val结尾 |
| 3. | E[att*='val'] | 属性att包含val |
网友评论