gpt4 book ai didi

html - 外部 CSS 文件加载顺序

转载 作者:行者123 更新时间:2023-11-28 16:27:45 25 4
gpt4 key购买 nike

有没有办法确保外部 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com