CSS选择器权重
CSS 选择器权重计算规则
一、选择器类型
1、ID #id
2、class .class
3、标签 p
4、通用 *
5、属性 [type="text"]
6、伪类 :hover
7、伪元素 ::first-line
8、子选择器、相邻选择器
二、权重计算规则
第一等:代表内联样式,如: style=””,权值为1000。
第二等:代表ID选择器,如:#content,权值为100。
第三等:代表类,伪类和属性选择器,如.content,权值为10。
第四等:代表元素选择器和伪元素选择器,如div p,权值为1。
通配符、子选择器、相邻选择器等的。如*、>、+,权值为0。
继承的样式没有权值。
!important 的作用是提升优先级,加了这句的样式的优先级是最高的