具体哪些外部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