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>的伪类（每个样式只能对应应用一次）

补充知识点：

考点：

1. link和@import的区别（无样式闪烁问题FOUC）
   @import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等。
   加载页面时，link标签引入的CSS被同时加载；@import引入的CSS将在页面加载完毕后被加载。
   @import是CSS2.1才有的语法，故只可在IE5+才能识别；link标签作为HTML元素，不存在兼容性问题。
2. 三种引入样式的优先级
3. 选择符的优先级