选择器类型
- ID选择器 .id
- class选择器 .class
- 标签选择器 span
- 通用选择器 *
- 属性选择器 [type=‘text‘]
- 伪类 :hover
- 伪元素 ::first-line
- 子元素选择器,相邻选择器
权重计算规则
- 第零等:!important
- 第一等:内联样式,像style=‘‘,权重值1000
- 第二等:ID选择器,如#content,权重值0100
- 第三等:代表类,伪类和属性选择器,如.content,权值为0010
- 第四等:代表类型选择器和伪元素选择器,如div,p等,权值为0001
- 第五等:通配符,子代选择器,相邻选择器,如*,>,+,权值为0000
- 第六等:继承的样式没有权值