CSS3选择器
属性选择器
如： div[id^=section]
表示匹配包含id属性，且id属性值是以“section”字符串开头的div元素。
如： div[id$=section]
表示匹配包含id属性，且id属性值是以“section”字符串结尾的div元素。
如： div[id*=section]
表示匹配包含id属性，且id属性值包含“section”字符串的div元素。
关系选择器
结构化伪类选择器
如：
<元素>:before
{
content:文字/url();
}
链接伪类
超链接标记<a>的伪类（每个样式只能对应应用一次）
超链接标记<a>的伪类 | 含义 |
|---|---|
| a:link{ CSS样式规则; } | 未访问时超链接的状态 |
| a:visited{ CSS样式规则; } | 访问后超链接的状态 |
| a:hover{ CSS样式规则; } | 鼠标经过、悬停时超链接的状态 |
| a:active{ CSS样式规则; } | 鼠标点击不动时超链接的状态 |
补充知识点：
考点：
- link和@import的区别（无样式闪烁问题FOUC）
@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等。
加载页面时，link标签引入的CSS被同时加载；@import引入的CSS将在页面加载完毕后被加载。
@import是CSS2.1才有的语法，故只可在IE5+才能识别；link标签作为HTML元素，不存在兼容性问题。 - 三种引入样式的优先级
- 选择符的优先级
| 通配符 | 0 |
|---|---|
| 标签 | 1 |
| 类/伪类/属性 | 10 |
| ID | 100 |
| 行内样式 | 1000 |
| important | 1/0（无穷大） |
