CSS 文件名有效但文件路径无效

Question

我使用 Sublime 文本编辑器制作了一个简单的 CSS 文件，其中 objective 使标题变为红色。现在下面的代码工作得很好

h1 {
color:red;

}

<html>
<head>
<link rel="stylesheet" href="st.css" type="text/css">   
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

但是如果我将 CSS 文件名从 "st.css" 替换为它的原始文件路径，它就不再有效了。

<head>
<link rel="stylesheet" href="C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

这有什么具体原因吗？我试过刷新、保存甚至实时重新加载，但它根本不起作用。请解释

Answer 1

我觉得一切都很好。我会仔细检查您的完整路径是否正确，没有拼写错误或缺少目录。我在我的 Windows 机器上使用等效的完全限定路径在本地尝试了相同的方法并且工作正常。

Answer 2

尝试将路径的反斜杠编辑为普通斜杠。

解决这个问题的另一种方法是看看这个网站，因为上面有一个很好的例子。

https://css-tricks.com/quick-reminder-about-file-paths/

如果您还有其他问题，请随时提问。希望能帮到你！

Answer 3

如果您使用的是server/localhost，则不允许加载不在内部的本地资源您的主要网站文件夹，例如：如果您有一个名为 mywebsite 的文件夹，其中包含 mywebsite/index.html，那么一旦您点击两次 index.html，您允许访问您计算机中的所有文件，但是如果您运行 mywebsite 在本地主机 您只被允许访问 mywebsite 文件夹中的文件。

如果不是你可能在你的绝对路径中输入了错误，因为你的代码在我的设备上运行良好。

Answer 4

看来我自己弄明白了。我确信不会有错字，因为我在我的 CSS 文件上右键单击 （按住 shift） 并复制了它的路径。我认为问题出在 我的浏览器如何查看文本 。例如，下面的代码具有我提到的我复制的代码路径，在 Internet Explorer

上工作得很好

<html>
<head>
<link rel="stylesheet" href="C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

我在 Internet Explorer URL 上看到的路径名是

C:\Users\windows\Desktop\Python\Practise\Minutes.html

现在相同的代码不适用于 Mozilla Firefox，这是我的主要浏览器，因为我注意到 Firefox 和 Explorer 之间的 URL 有一些区别开头的随机斜线，像这样

file:///C:/Users/windows/Desktop/Python/Practise/Minutes.html

因此我将 file:/// 文本放在我的原始代码中作为

<html>
<head>
<link rel="stylesheet" href="file:///C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

我什至 互换了 前后斜杠，它仍然 有效！

所以我可以得出结论，我的问题是一个特定于浏览器的错误，我非常感谢社区的快速响应。

CSS 文件名有效但文件路径无效

CSS File name works but file path doesn't

html

css

path

filepath