CSS 文件名有效，但文件路径无效答案

【问题标题】：CSS File name works but file path doesn'tCSS 文件名有效，但文件路径无效
【发布时间】：2020-05-17 10:53:37
【问题描述】：

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

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>

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

【问题讨论】：

有效的代码是使用relative路径和其他使用absolute你可以阅读更多here。

标签： html css path filepath

【解决方案1】：

在我看来一切都很好。我会仔细检查您的完整路径是否正确，没有拼写错误或缺少目录。我在我的 Windows 机器上使用等效的完全限定路径在本地尝试了相同的操作，它运行良好。

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案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>

我什至互换反斜杠和正斜杠，它仍然工作！

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

【讨论】：