一、 基本选择器
| 序号 | 选择器 | 含义 | 
|---|---|---|
| 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 | 








网友评论