html - 只有部分css文件不起作用

Question

我是 js 新手，我正在按照教程来了解 node.js。 我使用中间件并尝试将我的 css 文件调整为页面。但是，即使我只是将整个样式部分从 html 文件复制并移动到 css 文件，只有一部分 css 文件不起作用。

这是我的style.css。

<style type="">
body {
    background: skyblue;
    font-family: verdana;
    color: #fff;
    padding: 30px;
}
h1 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
h2 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
p, li {
    font-size: 16px;
    text-align: center;
}

只有background: skyblue这部分不起作用。

我处理静态文件的部分就是这样。 app.use('/assets',express.static('assets'))

所有其他样式都可以工作，但我不知道原因是什么。

Answer 1

删除<style type="">来自你的CSS。那是 HTML，而不是 CSS。