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

Question

I have a weird/frustrating problem. I'm trying to link my CSS stylesheet to my HTML and when I check in the Chrome dev tools what the file looks like live (rather, why my styling isn't working), I'm getting an entirely different file showing as my .css file.

Here's my file directory:

- app
  - public
    - file1.html
    - file2.html
- assets
  - style
    - reset.css
    - style.css

And here's the head of 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">

The last line is my relative path.

The contents of file2.html are showing up as the contents of style.css when I look at it through dev tools, but all that really is in style.css is some styling for the h1 element. Am I just being a dummy with the relative file path for the CSS file? I thought maybe the other CSS stylesheets were impeding this style sheet, but commenting them out still results in the contents of file2.html as my css file. What am I missing?

Answer 1

您的路径似乎是正确的，但这可能是因为您缺少完整性属性的右引号。

Answer 2

So this is within an express app and I hadn't served up my public folder so that it could use it to access static files.

Needed this:

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

Answer 3

您的第三个链接在blahblahblah之后缺少“。请尝试解决该问题。