选择器的权重
- 行内样式(权重1000) > id选择器(权重0100) > 类名选择器/伪类选择器(例:hover)/属性选择器(例[class=‘box’])( 权重0010) >标签选择器/伪元素选择器(例::after)(权重0001) > 通配符* (权重为0000) > 继承样式(没有权重)
- 如果样式后面添加!important,它的作用是提升优先级,加了这句的样式的优先级是最高的,比行内样式的优先级都要高,它的写法是跟在样式的属性值之后,中间没有空格或者其他符号。例如background-color: #000!important;
- 复合选择器的权重,除了群组选择器是各论各的,其余均是权重相加。