权重

浏览器通过优先级来判断哪些属性值与一个元素最为相关。优先级是基于不同种类选择器组成的匹配规则。

原则：

1. 优先级相等时，最后声明的样式覆盖前面的样式（层叠最高）
2. 优先级不同时，根据选择器权重选择优先顺序
3. 权重是4位一组，是分开的层级，不能进位

选择器类型	示例	权重值
!important	color:red !important;	无限大
内联样式	<div style="color:red">	（1，0，0，0）
ID选择器	#myid	（0，1，0，0）
类/属性/伪类	.class, [type="text"]	（0，0，1，0）
类型(标签)/伪元素	div,::after	（0，0，0，1）
通配符/继承	*, 继承的样式	（0，0，0，0）

权重叠加

权重可以叠加，叠加规则是每个选择器的层级权重叠加。

例：#nav.item a权重为 (0100) + (0010) + (0001) = (0111)