CSS选择器权重

选择器类型

1. ID选择器 .id
2. class选择器 .class
3. 标签选择器 span
4. 通用选择器 *
5. 属性选择器 [type='text']
6. 伪类 :hover
7. 伪元素 ::first-line
8. 子元素选择器，相邻选择器

权重计算规则

1. 第零等：!important
2. 第一等：内联样式，像style=''，权重值1000
3. 第二等：ID选择器，如#content,权重值0100
4. 第三等：代表类，伪类和属性选择器，如.content，权值为0010
5. 第四等：代表类型选择器和伪元素选择器，如div，p等，权值为0001
6. 第五等：通配符，子代选择器，相邻选择器，如*，>，+，权值为0000
7. 第六等：继承的样式没有权值