SASS 错误：" expected pseudoclass or pseudoelement "后 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

Answer 1

使用属性后使用空间：，然后编译器再也不会感到困惑了。因此，用margin: 0px替换margin:0px。

Answer 2

您正在使用哪个sass-sytnax，sass（无卷曲括号）或scss（带有卷曲括号，更多类似于CSS的外观）？

编译器将" margin："解释为元素（<margin></margin>），因为结肠没有空间后，并且试图将其作为状态处理（例如：hover，：active）或伪元（:: pseudoelement（:: facter efter，:: pseudoelement）。

切换到SCSS的偏爱，或者只是在结肠上添加一个空间。

我更喜欢SCSS语法，因为大多数其他人都使用它，并且比经典SASS易于错误。

Answer 3

在进行React项目时遇到了相同的问题。通过将SASS文件的文件名从file_name.sass到file_name.scss解决了解决问题。

因此，请确保SASS文件的扩展名.scss。