Ошибка 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 

Answer 1

Используйте пробел после свойства:, тогда компилятор больше не смущается. поэтому замените margin:0px на margin: 0px. И получайте удовольствие от обучения Сасса.

Answer 2

Какие SASS-Sytnax вы используете, Sass (без фигурных скобок) или SCSS (фигурные скобки, более CSS-как смотреть)?

Компилятор интерпретирует «margin:» как элемент (<margin></margin>), потому что после того, как двоеточие не является пространством, и для попытки обрабатывать его как состояние (например: hover,: active) или псевдоэлемент (:: after, :: before) ,

Либо переключитесь на пользу SCSS, либо просто добавьте пробел после двоеточия.

Я предпочитаю синтаксис SCSS, потому что большинство других его используют, и он менее подвержен ошибкам, чем классический Sass.