SASSエラー： "pseudocassまたはpseudoelementの予期した"の後に無効なCSSがあります

Question

私は今日何か新しいことを試しています。誰もこのエラーの原因を教えてもらえますか？

/* 
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は（、中括弧でより多くのCSSのような見て）あなたは、サス（中括弧なし）またはSCSSを使用していますか？

コロンに空白がなく、theforが状態（：hover、：activeなど）またはpseudoelement（:: after、:: before）として処理しようとするため、コンパイラは "margin："を要素（<margin></margin>） 。

SCSSに切り替えるか、コロンの後ろにスペースを追加してください。

私はSCSSの構文を好んでいます。なぜなら、他のほとんどの人がそれを使用していて、古典的なSassよりエラーが起こりにくいからです。