标签：

CSS选择器——标签选择器

选择器的感化就是用来筛选元素的

标签选择器是选择某一类元素

CSS选择器——ID选择器

ID选择器长短常便操作于定位某个元素的

但是一般都不会使用ID选择器

因为ID尽量留给JavaScript使用

ID的特点：独一

CSS选择器——类选择器

类选择器又称class选择器

class的优势：不独一，，可以反复使用

CSS选择器——通配符选择器

*：通配符

什么是通配符？

类似于癞子斗田主的癞子

*可以是任意元素

*可以匹配任意元素

*的劣势：效率低下

所以不保举使用通配符

CSS选择器——儿女选择器

儿女选择器的格局：祖先元素  儿女元素

CSS选择器——子元素选择器

eg：div > i

CSS选择器——相邻选择器

可以理解为相邻（下一个兄弟）选择器

E + F

1、当选中的元素必需是F类型

2、F标签必需与E标签是兄弟关系

3、F元素必需是紧随着E元素后面的第一个元素

CSS选择器——兄弟选择器

E ~ F：F元素必需跟E元素是兄弟关系，并且F元素必需要位于E元素的后面

CSS选择器——交集选择器

eg：

a.down { 　　color:red; }

1、当选中的元素必需是a类型

2、当选中的元素class必需是down

CSS选择器——并集选择器

eg：

div,span,p { color: red; }

CSS选择器——属性选择器

E [属性名]　属性选择器里面最简单的用法

E [属性名=属性值]

CSS选择器——伪类选择器

超链接的四种状态

　　:link;　默认状态

　　:hover;　鼠标悬停（鼠标移动到元素上）

　　:active;　激活状态（鼠标按下）红色

　　:visited;　访谒过后　紫色

正确的书写挨次：link　visited　hover　active（love  hate原则）

CSS选择器——伪元素选择器

伪元素　它跟真实元素的用法是一模一样的

如果需要使用伪元素，那么content属性是必需的

伪元素的两种写法：

　　CSS3之前的写法：　:before

　　                               　:after

　　CSS3的写法：　::before

　　                      　  ::after