如何以正确的方式加载 CSS？

Posted 2023-03-05

【中文标题】如何以正确的方式加载 CSS？

【英文标题】：How to load CSS in the right way?

【发布时间】：2019-03-14 15:22:12

【问题描述】：

我目前正在建立一个新网站，我现在只有一个 css 问题。

我的头标签之间有这个：

<link rel="stylesheet" type="text/css" href="css/style.css">

唯一的问题是它根本不加载，尝试了以下操作：addin base url，将整个 url 放入其中。

我认为问题出在.htaccess，当我删除它时它可以工作，但我仍然需要这条线来处理其他事情：

RewriteRule ^(.*)/(.*)$            index.php?region=$1&summoner=$2             [L]

【问题讨论】：

我不是设计专家，但是你有没有试过href="~/css/style.css"。你也确定路径，它有效吗？

这是正确的方法。您甚至可以省略 type 部分。这可能是缓存或相对路径问题。

这是正确的方法，但是，我们显然不知道您的项目的结构。您的帖子建议您在“css”文件夹中有一个“style.css”文件。我也会在加载您的索引页面时清除缓存。

我清除了缓存和所有内容：lds.gg/css/style.css 是指向 css 的链接，但由于某种原因它重定向到主页？ @詹姆斯

Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)的可能重复

【参考方案1】：

您的 css 文件位于 https://lds.gg/css/style.css，但您的 index.php 文件不安全。您可能会遇到混合内容问题。不过，如果您像这样链接到您的 css 文件：

<link rel="stylesheet" type="text/css" href="https://lds.gg/css/style.css">

你应该没事的。

【讨论】：

这是我已经尝试过的，但这并不能解决问题。这是我之前提到的 .htaccess 问题。

您是否尝试过从 .htaccess 文件中删除该指令？

编辑：抱歉，刚刚看到您更新的问题。重写规则应该做什么？它需要重新格式化，以便它只处理那些需要重定向的页面。您可以尝试将其添加到重写规则上方的 .htaccess 文件中： RewriteCond %REQUEST_FILENAME !-f

进一步参考：***.com/questions/8221022/…

我应该注意，当我转到lds.gg/css/style.css 时，它会解析为您的样式表。我很确定绝对路径会起作用。