如何给一个外部样式表优先于另一个?

Question

是否可以使外部样式表覆盖所有冲突的样式?这样做的用例是将链接附加到样式表，该样式表将页面的颜色更改为不同的颜色。我曾尝试使用javascript将样式表附加到标签，但我发现其他样式表的颜色干扰了我的。

var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = `https://randomwebsite.com/main.css`
document.head.appendChild(link);

编辑:我知道为什么会这样了。问题是，当我想将标签附加到末尾时，标签附加在头部的开始。谢谢所有帮助过我的人。

Answer 1

CSS规则是顺序的，在你的头部标签中，最后一个样式表将总是先出现!

检查这个帖子:一个CSS文件可以优先于另一个CSS文件吗?