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

回答

相关问题