Sass無效的CSS錯誤：「期望的表達式」

我剛剛關注了Sass tutorial。由於某些原因，雖然Sass文件不能正確生成CSS。終端說，CSS是無效的，但我很確定它不是。我試過改變它，以防萬一出現問題...Sass無效的CSS錯誤：「期望的表達式」

我做了什麼錯了？

薩斯版本：薩斯3.1.10

錯誤消息：

error sass/test.sass (Line 3: Invalid CSS after "80%": 
expected expression (e.g. 1px, bold), was ";")

.sass文件內容：

/* style.scss */ 
#navbar { 
    width: 80%; 
    height: 23px; 
}

2011-10-12 Tom R

Ahaaa！問題是由於使用錯誤的文件擴展名造成的！這是**。scss **不**。sass ** –

是的，請參閱下面的答案。 – meagar

131

根據您的錯誤信息（error sass/test.sass）我可以告訴你」重新使用擴展名爲.sass的Scss文件。將您的文件名更改爲style.scss。

Sass和Scss使用兩種不同的和不兼容的語法。

2011-10-12 20:16:25 meagar

非常感謝。這解決了我的問題 – ajaybc

試試這個：

/* style.scss */ 
#navbar { 
    width: 80%; 
    height: 23px; 
} 

/* style.sass */ 
#navbar 
    width: 80% 
    height: 23px

2014-08-18 13:53:53 lincolnge

回答