常用选择器

选择器的优先级：

权重越大，越优先执行谁的样式。

* 没有权重    标签  ：1    类：10   id： 100

 

1.    伪类选择器： 

E.hover{} 

鼠标移动上去 产生的效果

2.后代选择器：（包含孙子+儿子）

E  F { }   挑选E作为父元素里的所有F标签

3.子代选择器：（选择直接子代，不包含孙子）

E>F { }   选择E作为父元素的F标签，但是F只是子代

 

4.结构选择器： （找父元素中的第几个孩子）

E> F:first-child{ }    E >F :last-child{ }   E> F : nth-child(n){ }

 

5.nth-of-type(n){}  （直接找到F元素类型的第n个，不管前面是否有其他类型的元素）

E>F :nth-of-type(n){}