我的文件结构看起来像这样:我的主文件是在文件夹“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">
必须是正确的,但它似乎不是。
1条答案
按热度按时间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">
个点表示当前文件夹。