CSS 未从外部样式表应用

Question

我最近一直在学习如何制作客户端-服务器应用程序，并且正在学习 Traversy Media 的本教程。 这是我所基于的代码的 Github 页。 虽然我已经解决了提出的 MIME 类型问题。

但问题是，当我运行代码时，CSS 样式表（链接到网站的样式表和 css 文件夹中的 style.css 文件）似乎没有应用于 HTML 页面。 当我运行 HTML 文件时，HTML 页面似乎没有任何样式，这意味着虽然 HTML 确实出现在网页中，但 HTML 元素没有任何 styles。

我认为这仅仅是因为引用 CSS 文件时出错，但我试图通过移动 CSS 文件并更改 HTML 代码中链接元素的 href 以及复制 CSS 样式表的代码来修复它从网站进入“online-resource.css”，但我所做的都没有用。

    <link
        rel="stylesheet"
        href="online-resource.css"
        type="stylesheet/css"
    />
    <link rel="stylesheet" href="style.css" type="stylesheet/css"/>

有人有主意吗？ 它可能与 node.js 没有任何关系，因为当我独立运行它时会发生同样的事情

Answer 1

将您的type属性更改为text/css而不是stylesheet/css ，后者被解释为无效类型并且不允许加载 CSS。

<link rel="stylesheet" href="online-resource.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />

Answer 2

我认为 css 文件没有正确加载。 还要检查css文件里面的代码是否正确。 确保您保存了文件。 这很愚蠢，但我可以亲自担保我无法更新我的网站，而且我忘记保存/更新我正在查看的文件的时间。 确保样式表正在加载。 在 Chrome 中，如果您右键单击 -> 检查元素和 go 到源选项卡，您可以看到所有加载的资源，包括您的 CSS。