css选择器、优先级、权重

选择器：

1.ID选择器：#

2.class选择器：.

3.标签选择器：div

4.通配符选择器：*

5.属性选择器：[class]

6.父子选择器/派生选择器：div span {}

7.直接子元素选择器：div > span {}

8.并列选择器：div.demo{}

9.分组选择器：div,span{}

优先级：

 !important > 行间样式 > ID > class | 属性 > 标签选择器 > 通配符

css权重：

!important：  Infinity 

行间样式：     1000 

id：                  100 

class 属性 伪类：   10

标签 伪元素：         1

通配符：                  0