我正在开发一个使用 SOY 模板和 SASS 的网络元素。由于某些原因，我无法让 SASS 预处理器继续与 SASS 一起工作，但所有 CSS 和 SCSS 文件都存在，我可以查看它们而不是修改它们。
我目前有一个正在处理的自定义 CSS 文件，但是某些内容正在被 SASS 创建的 CSS 文件覆盖。例如，!important 并且通常只是在某些内容被覆盖时让我更难添加自己的 CSS。
所以我的问题是，有没有一种方法可以指定最后调用哪个 CSS 文件，以便可以覆盖之前的所有 CSS？
最佳答案
我建议您将 CSS 文件放在其他 CSS 文件之后。 此外，您需要阅读优先规则:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
- 可能有不同的优先规则可能会覆盖您的 CSS。
- 检查浏览器开发人员工具中的元素，您可以查看您的 CSS 选择器之前是否有另一个更强的规则，例如
.parent > .child .element{ color: #000}然后你可以复制那个 CSS 选择器并在你的 css 文件中使用它来避免!important
关于html - 具体哪些外部 CSS 文件会覆盖哪些，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49520780/