有没有办法确保外部 CSS 文件的特定加载顺序？通常情况下，可以异步加载多个外部样式表以提高性能，但我想允许个人用户覆盖元素文档的默认样式表(同事是色盲，但似乎对库的其他用户来说会很方便) 与个人喜好。
例如，假设我在文档中有这个:
<link rel="stylesheet" type="text/css" href="https://foo.bar/project_stylesheet.css">
<link rel="stylesheet" type="text/css" href=".localprefs.css">
期望的结果是 .localprefs.css(如果存在)应该始终覆盖全局元素样式表。
评估顺序是否有独立于加载顺序的保证？如果没有，是否有一种简单的方法来强制解决这个问题？
编辑时:假设 .localprefs.css 仅覆盖全局样式表中的选定样式。
最佳答案
您拥有它的方式可以保证加载顺序。最后加载的文件或 CSS 优先。
也就是说，加载顺序并不能说明 CSS 规则的特殊性。
假设你有一个元素 <h1 id="foo" class="bar"> .如果第一个样式表有 #foo { color: red; }最后一个样式表有 .bar { color: blue; }然后是h1的颜色将是红色的，因为 ID 的特殊性优先于类。您不能通过加载 CSS 的顺序来强制指定特定性。要强制特异性，您可以使用 !important .
关于html - 外部 CSS 文件加载顺序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41731496/