只有一部分 css 文件不起作用答案

【问题标题】：Only a part of css file doesn't work只有一部分 css 文件不起作用
【发布时间】：2018-12-29 10:07:49
【问题描述】：

我是 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'))

所有其他样式都有效，我不知道是什么原因。

【问题讨论】：

标签： html css node.js express

【解决方案1】：

从您的 CSS 中删除 <style type="">。那是 HTML，不是 CSS。

【讨论】：

抱歉，这是个愚蠢的错误。我刚刚删除，它完全工作。谢谢。

【解决方案2】：

天蓝色等于#87CEEB - 可能会尝试更改为十六进制颜色，因为 node.js 似乎无法解释skyblue 颜色。你可以在这里看到颜色参考CSS Colors

【讨论】：

【解决方案3】：

不可能只有 CSS 的一部分不工作。

检查 body 标签并检查它从哪里选择背景样式。在当前选择背景样式的 CSS 文件之后包含您的 CSS。我最可能的猜测是它正在从其他文件中选择背景样式。

确保没有提供背景样式的文件内和内联 CSS。

或使用

背景：天蓝色！重要；

【讨论】：