CSS的四种基本选择器和四种高级选择器、兼容性、权重计算

转自：https://blog.csdn.net/DYD850804/article/details/80997251

四种基本选择器：

1）通配符选择器

2）id选择器

3）类选择器

4）标签选择器

高级选择器：（详见css3参考手册）

1、关系选择器

　　1）后代选择器

 　   2）子代选择器

　　3）相邻选择器

　　4）兄弟选择器

2、属性选择器

3、伪类选择器

   选取所有父子关系中，第一个元素是e的元素

　　e:first-child  匹配e元素（e元素必须是其父元素下面的第一个元素） ----这是用于选取其父元素的第一个子元素的. 也可以写成：e:nth-child(1)

　　　　**如果我们想选择父元素p的第一个元素（任意元素类型）可以这样写 p>:first-child

   选取所有字符关系中，父元素的第一个e元素

　　e:first-of-type 匹配e元素（e的父元素中第一个e元素，跟first-child的区别是：这个e不一定要是父元素的首个元素） 等同于e:nth-of-type(1)

　　　　　　　　如果不规定元素类型 如：p>:first-of-type，代表选中父元素p下的各种类型的元素的首个

 

 

总结一句话：first-child【:nth-child(1))】 用来选取父元素下的第一个元素p>:first-child
　　　　　p　e:first-of-type【e:nth-of-type(1)】 用来选取父元素p下面的首个指定元素e

  

 

 

4、伪元素选择器

5、交集选择器

6、并集选择器