html - 具体哪些外部 CSS 文件覆盖哪些

Question

我正在开发一个使用 SOY 模板和 SASS 的网络项目。由于某些原因，我无法让 SASS 预处理器继续与 SASS 一起工作，但所有 CSS 和 SCSS 文件都存在，我可以查看它们，但不能修改。

我目前有一个正在处理的自定义 CSS 文件，但是 SASS 创建的 CSS 文件会覆盖某些内容。例如，!important当某些事情被覆盖时，通常只会让添加我自己的 CSS 变得更加困难。

所以我的问题是，有没有办法指定最后调用哪个 CSS 文件，以便可以覆盖所有以前的 CSS？

Answer 1

我建议您将 CSS 文件放在其他 CSS 文件之后。此外，您需要阅读优先规则：https ://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

1. 可能有不同的优先规则可能会覆盖您的 CSS。
2. 检查浏览器开发人员工具中的元素，您可以查看您的 CSS 选择器之前是否有另一个更强的规则，例如 .parent > .child .element{ color: #000}，然后您可以复制该 CSS 选择器并在您的 css 文件中使用它以避免!important