css 为什么我的HTML文件路径在我的服务器上有效,但如果我直接打开HTML文件就不行?

jk9hmnmh  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(130)

我的文件结构看起来像这样:我的主文件是在文件夹“HTML-Project/index.html”在这个文件夹是我的style.css和其他2个文件夹,一个是图片(HTML-Project/pictures),另一个文件夹是类别文件夹,所以HTML-Project/categories和类别文件夹中我有文件夹“类别A”,所以路径是HTML-Project/categories/catgoryA,在这个文件夹中,我有一个类别A的HTML文件,所以文件结构看起来像这样的HTML-Project/categories/catgoryA/categoryA.html。
我在A类文件的head部分中有<link rel="stylesheet" href="/style.css">行,如果我在Visual Studio代码上使用“Live Server”扩展,它会被识别并使用样式表,但是如果我现在直接用浏览器打开HTML文件,样式表不会被识别。
有人知道怎么修吗?
我试着改变路径很多次,这是我尝试的路径:<link rel="stylesheet" href="HTML-Project/style.css"><link rel="stylesheet" href="../style.css"><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="style.css/">我希望其中一些工作,但如果我改变了这样的东西,现场服务器也没有工作了,所以我认为<link rel="stylesheet" href="/style.css">必须是正确的,但它似乎不是。

yizd12fk

yizd12fk1#

我在这里写,因为我不能写评论。
你真的试过这个吗?<link rel="stylesheet" href="style.css"> .因为它正在工作。
/style.css不工作,因为它代表file:///C:/style.css。如果你删除斜杠,它会工作。
/styles.css在Web服务器上工作,因为它代表http://127.0.0.1:port/style.css
另一个解决方案:
<link rel="stylesheet" href="./style.css">
点表示当前文件夹。

相关问题