SASS 错误：“预期的伪类或伪元素”之后的 CSS 无效

Question

我今天正在尝试一些新的东西.. SASS 对我来说是全新的。谁能告诉我是什么原因导致这个错误？

 /*
Error: Invalid CSS after "    margin:": expected pseudoclass or pseudoelement, was "0px"
        on line 5 of /Users/kishorechandra/S-ERP/sass/styles.scss

1: @import "compass";
2: @import "partials/variables";
3:
4: .ui.menu
5:     margin:0px
6:     background: rgba(255, 255, 255, 0)
7:     font-family: 'Roboto Slab', serif
8:
9: .ui.icon.menu .active.item
10:     color: #FFB300

Backtrace:
/Users/kishorechandra/S-ERP/sass/styles.scss:5

原文由 Kishore Chandra 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 property: 之后使用空格，这样编译器就不会再感到困惑了。所以将 margin:0px 替换为 margin: 0px 。并享受学习 Sass 的乐趣。

原文由 Dinca Adrian 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您使用的是哪个 SASS-Sytnax，Sass（不带花括号）或 SCSS（带花括号，看起来更像 css）？

编译器将“margin:”解释为元素（ <margin></margin> ），因为冒号后面没有空格，thefor 尝试将其作为状态（如 :hover、:active）或伪元素（::after、::前）。

要么切换到 SCSS 偏好，要么只是在冒号后添加一个空格。

我更喜欢 SCSS 语法，因为大多数其他人都使用它，而且它比经典的 Sass 更不容易出错。

原文由 max 发布，翻译遵循 CC BY-SA 3.0 许可协议