html - 如何修复 css 链接问题

Question

我想为我做一个简单的样式，所以我链接了一个 CSS 文件，当我在浏览器中打开我的 HTML 文件时，样式没有应用，当我操作控制台时，它给我错误。

我试过 !DOCTYPE html, type="text/css" 但没有任何效果。

<link rel="stylesheet"  href="styles.css">

结果只有 HTML 文件，没有任何来自 CSS 和控制台的内容显示的错误是:

Refused to apply style from 'http://127.0.0.1:3001/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Answer 1

你能不能浏览一下你的网址http://127.0.0.1:3001/styles.css。确保你的路径是准确的。如果确实可以尝试一下

<link rel="stylesheet"  href="./styles.css">

或

<link rel="stylesheet"  href="styles.css" />

或者只是将您的 CSS 文件移动到“assets/”目录。

<link rel="stylesheet" type="text/css" href="assets/styles.css" >