为啥期望背景颜色为 1px 粗体？ [复制]

Posted 2023-03-06

【中文标题】为啥期望背景颜色为 1px 粗体？ [复制]

【英文标题】：Why expected 1px bold for background color? [duplicate]为什么期望背景颜色为 1px 粗体？ [复制]

【发布时间】：2013-11-16 12:59:15

【问题描述】：

这是我的恶作剧：

table#orders 
    background-color:#ff0000;

但是，当我实际运行它时，我收到一条错误消息，提示 Invalid CSS after "#ff0000": expected expression (e.g. 1px, bold), was ";" 我不知道为什么它期望背景颜色为 1px。谁能帮我弄清楚？

【问题讨论】：

错误信息显示表达式的示例。它不是专门寻找1px 或bold，而是看到#ff0000 后面的东西（特别是分号），而且这些东西与“表达式”的语法不匹配。

解析器会抛出这样的错误，它还不知道您要设置的特定属性。它只是遵循诸如“一个property-declaration由一个property-name、一个冒号和一个或多个表达式”。

【参考方案1】：

如果您不想从 sass 切换到 scss，您可以将代码改为：

table#orders 
    background-color:#ff0000

这是 SASS 文件的正确格式。这是一个链接：http://www.gotealeaf.com/blog/integrating-rails-and-bootstrap-part-1/

【讨论】：

table#orders background-color: #ff0000 后面忘记了一个空格：

【参考方案2】：

您的 sass 文件扩展名可能是 *.sass，请更改为 *.scss

*.sass 有不同的语法，这就是它抛出这些“疯狂”错误的原因。

*.scss 支持普通的 css 合成器，就像你的一样

如果您有兴趣了解这些语法，我们有一个很好的问题：

What's the difference between SCSS and Sass?

【讨论】：

这在我身上发生了 *.scss，几年后。 “错误：“...ckground-color:”之后的无效 CSS：预期表达式（例如 1px，粗体），在 scss/customdashboard.scss >> background-color: #008eff12 的第 27 行是“#008eff12 !importan”！重要的；”