Question

我有一个奇怪/令人沮丧的问题。我正在尝试将我的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文件。我错过了什么？

Answer 1

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

Answer 2

您的第三个链接缺少＆＃34;在blahblahblah之后。尝试修复它。

Answer 3

所以这是在一个快速应用程序中，我没有提供我的公共文件夹，以便它可以使用它来访问静态文件。

需要这个：

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

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

3 个答案: