将自定义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特异性方面有一篇很棒的文章，check it out。

还有一点值得注意，您应该在所有外部CSS文件之后的 之后添加自己的CSS文件（或代码），以确保它们正确地级联。