选择符：又称为选择器，定义了将影响文档中的哪些部分

1. 选择符：又称为选择器，定义了将影响文档中的哪些部分

1、元素选择符

（1）通配符：*{}

      最常用的就是设置初始化边距：*{margin:0px;padding:0px;}

（2）类选择符：.类名{}

<1>类选择器的命名规则：

不能用纯数字、不能用数字开头、不能用特殊符号（_下划线除外时）

（3）id选择符：#id名{}

（4）类型选择符（标签选择符）：标签{}

2、关系选择符

（1）子元素选择器：父亲>儿子

（2）兄弟选择器（选择同级别的标签）：你自己~你的兄弟

      <1>对自己不起作用

      <2>对向上的元素不起效果

（3）相邻选择器（选择同级别的相邻的元素）：E+F

（4）包含选择器（选择左右的子元素）：E F

3、属性选择符：选择具有指定属性的当前元素

（1）写法

<1>当前元素[属性]{}

<2>当前元素[属性=“属性值”]{}

4、伪类选择符：给html标签的某种状态设置样式

（1）元素：link —— 设置超链接a在未被访问时的样式

（2）元素：visited —— 设置超链接a在其链接地址已被访问过时的样式

（3）元素：hover —— 设置元素在其鼠标悬停时的样式

a：hover必须要位于a：link和a：visited之后，a：active必须位于a：hover之后

（4）元素：active —— 设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式

5、伪对象选择符

（1）元素：：before{} —— 设置在对象前发生的内容。用来和content属性一起使用，并且必须要定义content

（2）元素：：after{} —— 设置在对象后发生的内容。用来和content属性一起使用，并且必须要定义content

6、复合选择器：两个/以上的基础选择器通过不同的方式连接在一起

（1）交集选择器：标签+类（或id选择器）{属性：值；}

     既要该标签又要的是特定类名的该标签

（2）后代选择器（重点）：选择器+空格+选择器{属性：值；}

（3）子代选择器（选择的是直接的子代）：选择器>选择器{属性：值；}

（4）并集选择器（就是通过逗号的连接使多个标签的样式相同）：选择器+，+选择器+，选择器{属性：值；}

二、选择器的优先级

! important>内联>ID>类>标签|伪类|属性选择器>伪对象>继承>通配符

要注意!important要写在属性值的后面分号的前面