Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 链接CSS样式表提供了错误的文件_Html_Css - Fatal编程技术网

Html 链接CSS样式表提供了错误的文件

Html 链接CSS样式表提供了错误的文件,html,css,Html,Css,我有一个奇怪的/令人沮丧的问题。我试图将CSS样式表链接到HTML,当我在Chrome开发工具中查看文件的实时外观时(更确切地说,为什么我的样式不起作用),我得到一个完全不同的文件,显示为我的.CSS文件 这是我的文件目录: - app - public - file1.html - file2.html - assets - style - reset.css - style.css 下面是file1.html的标题: <script src="

我有一个奇怪的/令人沮丧的问题。我试图将CSS样式表链接到HTML,当我在Chrome开发工具中查看文件的实时外观时(更确切地说,为什么我的样式不起作用),我得到一个完全不同的文件,显示为我的.CSS文件

这是我的文件目录:

- app
  - public
    - file1.html
    - file2.html
- assets
  - style
    - reset.css
    - style.css
下面是file1.html的标题:

<script src="https://code.jquery.com/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="../../assets/style/reset.css" />
<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css" integrity="blahblahblah" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/grids-responsive-min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../../assets/style/style.css">

最后一行是我的相对路径


当我通过开发工具查看时,file2.html的内容显示为style.css的内容,但是style.css中真正的内容是h1元素的一些样式。我只是一个有CSS文件的相对文件路径的傀儡吗?我认为其他CSS样式表可能会妨碍这个样式表,但是注释掉它们仍然会导致file2.html的内容成为我的CSS文件。我错过了什么

您的路径似乎是正确的,但可能是因为您缺少完整性属性的结束语。

您的路径似乎是正确的,但可能是因为您缺少完整性属性的结束语。

您的第三个链接缺少blahblahblah之后的“结束语”。
请尝试修复此问题。

您的第三个链接在blahblahblah之后缺少一个“after”。
尝试修复这个问题。

所以这是在一个express应用程序中,我没有提供我的公用文件夹,以便它可以使用它访问静态文件

需要这样做:

app.use(express.static(path.join(__dirname, '../public')));

所以这是在一个express应用程序中,我没有提供我的公用文件夹,以便它可以使用它访问静态文件

需要这样做:

app.use(express.static(path.join(__dirname, '../public')));

这条路似乎是正确的。您是否绝对肯定以后不会加载其他样式表,并且reset.css文件没有标记为的属性!重要吗?使用!重要优先于一切优先事项。此外,我还建议您查看其他浏览器上的页面,以确保它不是缓存问题。有时使用F5或CTRL+F5刷新仍然使用缓存的元素,这些元素可能不是最新的。不,在我看来这一切都很好。我复制并粘贴了您的file1.html,发现了404错误,但URL中有一个
空格
,可能与SO编辑器有关,但您的实现是正确的。@arktoga感谢您的评论!我试过Safari、Firefox和Chrome,它们都显示了css文件(reset.css文件和style.css)和file2.html内容。感谢@dereknutile的检查!是的,我认为实际文件中没有空格。路径似乎是正确的。您是否绝对肯定以后不会加载其他样式表,并且reset.css文件没有标记为的属性!重要吗?使用!重要优先于一切优先事项。此外,我还建议您查看其他浏览器上的页面,以确保它不是缓存问题。有时使用F5或CTRL+F5刷新仍然使用缓存的元素,这些元素可能不是最新的。不,在我看来这一切都很好。我复制并粘贴了您的file1.html,发现了404错误,但URL中有一个
空格
,可能与SO编辑器有关,但您的实现是正确的。@arktoga感谢您的评论!我试过Safari、Firefox和Chrome,它们都显示了css文件(reset.css文件和style.css)和file2.html内容。感谢@dereknutile的检查!是的,我想那个空间不在实际文件中。谢谢@sarahjee。当我不想占用代码中实际属性的整行时,我意外地在SO编辑器中这样做了。我现在就来修。谢谢@sarahjee。当我不想占用代码中实际属性的整行时,我意外地在SO编辑器中这样做了。我现在就修。谢谢@marcelo。我在SO编辑器中意外地这样做了,它在实际代码中没有丢失。这更多的是一个注释而不是一个答案。你是在建议/指导,而不是提供一个明确的答案。当没有直接答案时,您不想将问题标记为已回答。谢谢@marcelo。我在SO编辑器中意外地这样做了,它在实际代码中没有丢失。这更多的是一个注释而不是一个答案。你是在建议/指导,而不是提供一个明确的答案。当没有直接答案时,您不想将问题标记为已回答。