CSS3新增选择器

1.属性选择器

1.选择特有属性
2.选择属性对应特定值
3.选择相同开头的属性值
4.选择相同结尾的属性值
5.选择有任意相同内容的属性值

注意：类选择器，属性选择器和伪类选择器的权重都为10

2.结构伪类选择器

结构伪类选择器主要根据文档结构来选择器元素，常用语根究父级选择器里面的资源数
nth-child(n)的n:

1. 可以是数字也可以是公式或关键字
2. 数字从1开始第n个子元素
3. 关键字：even偶数，odd奇数
4. 公式：nth-child(n)相当于选择了所有的孩子。n是从0开始的，公式找不到的会忽略
   
   常见公式如下：
   

小区别：
E:nth-child(n)：先看n（所有盒子中的第n个），再看前面标签名是否对应
E:nth-of-type()：先看指定标签E，再看后面选择的是对应标签的第几个孩子

伪元素选择器

可以帮助我们利用css创建新标签元素，而不需要HTML标签，从而简化HTML结构

注意：

• 使用before和after创建的都属于行内元素
• 新创建的元素在文档树中是找不到的
• 必须具有content属性
• 伪元素选择器和标签选择器的权重都为1
• before是在父盒里面的前面，after是在父盒里面的后面

关于一些之前的伪类选择器

链接伪类：

注意点

1. 要按照lvha的顺序声明
2. 实际开发中的写法
   
   
   focus伪类选择器
   用于选取获得焦点的表单元素，焦点就是光标，一般情况下input表单元素才能获取
   

复合选择器小汇总