这是关于选择器优先级

优先级的计算规则是由四个部分构成即abcda:行内样式的数量这个数量代表的是有没有内联样式而非内联样式写了多少所以只有1和0b: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; }