css的选择器

1 基本选择器：

1. * 通配符 ：给所有的添加属性；
2. class 选择器 ：必需在元素中定义class属性  .class值；
3. id 选择器：必需在元素中定义id值 #id值；
4. 元素选择器： 标签选择器  标签名；
5. 群组选择器：选择器中间用逗号分开，有相同属性的元素可以放在一起 ，减少代码量

2 层次选择器：

1. 包含选择器（后代选择器） E F 选择匹配的F元素；且匹配的F元素被包含在 E元素内；
2. 子选择器 E>F 选择匹配的F元素且匹配的F元素是所匹配的E元素的子元素（选择的仅仅只有自己的孩子）
3. 相邻兄弟选择器 E+F 选择匹配的F元素且匹配的F元素紧位于E元素后面 （相邻的后一个元素）
4. 通用选择器 E~F

3动态伪类选择器

1. ：link
2. ：vivited
3. ：active
4. ：hover
5. ：focus 选择匹配的元素 且匹配的元素获取焦点

4 目标伪类元素 

1. ：target 选择匹配的元素 ，且匹配的元素被相关的 url指向 

5ul 元素状态伪类选择器

1. ：checked 匹配选中的复选或是单选框的表单元素 
2. ：enable匹配所有启用的表单元素
3. disable 匹配所有禁用的表单元素

6结构伪类元素

1. a：first-child作为父元素的第一个子元素 a，
2. a：last-child作为父元素的最后一个子元素
3. root 选择匹配元素所在文档的根元素，在html 文档中根元素始终是html 此时该选择器与html类型选择器匹配的内容相同
4. ：nth-child（n） 

7否定伪类选择器  ：not（）匹配所有除除掉括号内 

8 伪元素 

1. ：：first-letter 第一个文本
2. ：：first-line 第一行
3. ：：before 元素之前
4. ：：after 元素之后
5. selection选中之后的样式操作  只接受 两个属性 color background

9 属性选择器

1. E【tupe=text】希望某个属性的元素，进一步缩小范围
2. E【type】广范围 
3. E【type^='value'】指定属性从value开始
4. E【type$=‘value’】指定属性从value开始