将自定义css设置为最高优先级

Question

我有一个自定义的costom_css.css来覆盖其他

blockquote {
font-size: 14px !important;
}
.pagination>.active>a {
background-color: orange !important;
border-color: orange !important;
}

我必须将!important附加到每一行，
这个操作可以在一个地方实现吗？

Answer 1

与其使用!important(这是出了名的糟糕做法，会使代码库几乎无法维护(，不如为选择器添加特定性。用body为选择器做准备应该会为选择器带来更多的特异性：

body blockquote {
font-size: 14px;
}
body .pagination > .active > a {
background-color: orange;
border-color: orange;
}

MDN有一篇关于CSS特异性的好文章，看看吧。

同样值得注意的是，您应该在任何外部CSS文件之后包含自己的CSS文件(或代码(，以确保它们正确级联。