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

你使用哪种SASS-Sytnax，Sass（没有花括号）或SCSS（带花括号，更像css的样子）？

编译器解释＆＃34;保证金：＆＃34;作为元素（<margin></margin>），因为在冒号之后没有空格并且forfor尝试将其作为状态处理（例如：hover，：active）或pseudoelement（:: after，:: before）。

切换到SCSS支持，或者只是在冒号后面添加一个空格。

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

Answer 2

在属性之后使用空格：，然后编译器不再感到困惑。所以用margin:0px替换margin: 0px。并且学习Sass很有趣。

Answer 3

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

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

SASS错误：＆＃34;之后的CSS无效预期的伪类或伪元素＆＃34;

3 个答案: