选择器的权重

选择器的权重

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