这是关于选择器优先级

优先级的计算规则是由四个部分构成，即（a，b，c，d）

• a:行内样式的数量（这个数量代表的是有没有内联样式，而非内联样式写了多少，所以只有1和0）
• b:ID 选择器的数量。
• c:类选择器、属性选择器和伪类的数量。
• d:元素选择器和伪元素的数量。

.test { color: red; } /* 优先级为 (0, 0, 1, 0) */ #aaa { color: blue; } /* 优先级为 (0, 1, 0, 0) */ #aaa.test { color: green; } /* 优先级为 (0, 1, 1, 0) */ 所以最后是green

若出现了相同优先级，那么在同等优先级下后者更高

为了让样式设置更加灵活，我们可以使用!important来强制提升某一个样式的优先级到最高

.t1 { color: red !important; background-color: aqua; }