为什么 styles.css 文件不适用于页面
Why styles.css file doesn't apply to the page
我已将 styles.css 文件移动到项目中的每个位置，并尝试将其 link 放入 html 文件中。我什至将它移动到 html 文件所在的同一文件夹中，href 自动完成工作（图像上的第 9 行），似乎 styles.css 从 html 文件中可见，但它仍然不适用于这一页。找不到原因...
就样式 link 的语法而言，没问题。您可以进入浏览器控制台（通常按 F12），然后浏览页面并查看网络选项卡以确保浏览器找到 css 文件并加载它。
但我认为您的问题可能出在其他地方。在您显示的代码中，您的整个导航（导航）部分位于页面的头部部分（即在 /head 出现之前）。那不是它所属的地方。它应该在 body 部分的内部。这肯定是个问题，可能是您认为的 css 问题。
- 对编辑感到抱歉。我不知道 html 个标签会被删除
编辑：关于 html MIME 类型而不是正确的 CSS MIME 类型，您可以查看此 link 并检查您的服务器配置 and/or 。 htaccess 文件以确保服务器没有被告知解析 css 就好像它是 html: "The stylesheet was not loaded because its MIME type, "text/html" is not "text/css"
另请出示 CSS 文件，以确认它确实是 css 而不是 html。
我发现了问题。它在 express.js 代码中。我没有为静态文件使用空间中间件：
app.use(express.static(path.join(__dirname, "public")));
这是文档页面：https://expressjs.com/en/starter/static-files.html
在服务器代码中添加这个之后，在 html href 中应该是 css 文件路径的其余部分，在我的例子中：
我已将 styles.css 文件移动到项目中的每个位置，并尝试将其 link 放入 html 文件中。我什至将它移动到 html 文件所在的同一文件夹中，href 自动完成工作（图像上的第 9 行），似乎 styles.css 从 html 文件中可见，但它仍然不适用于这一页。找不到原因...
就样式 link 的语法而言，没问题。您可以进入浏览器控制台（通常按 F12），然后浏览页面并查看网络选项卡以确保浏览器找到 css 文件并加载它。
但我认为您的问题可能出在其他地方。在您显示的代码中，您的整个导航（导航）部分位于页面的头部部分（即在 /head 出现之前）。那不是它所属的地方。它应该在 body 部分的内部。这肯定是个问题，可能是您认为的 css 问题。
- 对编辑感到抱歉。我不知道 html 个标签会被删除
编辑：关于 html MIME 类型而不是正确的 CSS MIME 类型，您可以查看此 link 并检查您的服务器配置 and/or 。 htaccess 文件以确保服务器没有被告知解析 css 就好像它是 html: "The stylesheet was not loaded because its MIME type, "text/html" is not "text/css"
另请出示 CSS 文件，以确认它确实是 css 而不是 html。
我发现了问题。它在 express.js 代码中。我没有为静态文件使用空间中间件： app.use(express.static(path.join(__dirname, "public"))); 这是文档页面：https://expressjs.com/en/starter/static-files.html
在服务器代码中添加这个之后，在 html href 中应该是 css 文件路径的其余部分，在我的例子中：