CSS3新特性

CSS3新特性
知识点总结：
属性选择器
伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。
比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。
静态伪类和动态伪类
伪类选择器分为两种。
（1）静态伪类：只能用于超链接的样式。如下：
• :link 超链接点击之前
• :visited 链接被访问过之后
PS：以上两种样式，只能用于超链接。
（2）动态伪类：针对所有标签都适用的样式。如下：
• :hover “悬停”：鼠标放到标签上的时候
• :active “激活”： 鼠标点击标签，但是不松手时。
• :focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点）
PS：以上三种样式，只能用于超链接。

伪类选择器
nth-child(n) 选E某个父元素的一个或多个特定的子元素

结构伪类选择器
小结
结构伪类选择器一般用于选择父级里面的第几个孩子

1. nth-child 对父元素里面所有的孩子排序选择(徐海是固定的) 先找到第n个孩子,然后看看是否和E匹配
2. nth-of-type 对元素里面指定元素进行排序选择, 先去匹配E 然后再根据E 找到第n个孩子
3. 关于nth-child(n) 我们肯定用nth-child更多
4. 类选择器 属性选择器 伪类选择器 权重为10
   2.4 伪类清除元素