SASS抱怨有效的CSS

SASS的新手。爲什麼我會收到以下警告？SASS抱怨有效的CSS

$ sass --watch index.s.css:index.css --debug-info 
WARNING on line 13 of index.s.css: 
This selector doesn't have any properties and will not be rendered. 
     error index.s.css (Line 15: Invalid CSS after "border-box": expected expression (e.g. 1px, bold), was ";")

13-18行：

* 
{ 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

我要指出，這無關與供應商的前綴，我已經試着刪除。我也將box-sizing: border-box更改爲color: pink。仍抱怨。

編輯：我沒有意識到SASS有兩個語法，也不是他們是基於文件擴展名選擇的。我想使用SCSS，但必須命名文件*.s.css，因爲我正在使用Adobe Brackets測試版，它目前只對普通CSS文件具有語法高亮顯示。我發現--scss標誌強制該語法，但我仍然得到相同的錯誤。

來源

2012-10-23 Hugh Guiney

也可以查看http://compass-style.org/它爲SASS增加了一些不錯的功能。像瀏覽器前綴一樣。 '@include box-sizing（border-box）'就是其中之一。 –

可能值得切換回正常的scss文件擴展名，看看是否是原因。您的代碼應該在.scss文件中工作。我在我的本地設置中測試了它。另外，你運行的是哪個版本的sass？ – Will

Fwiw，Brackets將[很快添加SASS語法高亮顯示]（https://github.com/adobe/brackets/pull/2609）。 – peterflynn

你需要把它寫成：

* 
+box-sizing(border-box)

試試這個，看看你是否仍然得到同樣的錯誤。如果這不起作用，請嘗試選擇一些實際元素：div, section, artcle, figure等

來源

2012-10-23 08:41:41 Kyle

爲什麼？我認爲SASS是CSS的超集。 –

scss是，但不是sass，所以你可能會想用'sass --scss ...'代替。或者（更好的是imo）改爲[Compass]（http://compass-style.org）。 – Simon

認識到並編輯了我的帖子以反映它。雖然沒有擺脫警告。 –

SASS抱怨有效的CSS

回答

相關問題