Sass：为什么我不能在@import之后发表评论（在同一行）？

Question

@import "foo" // Bar

...结果为Invalid CSS after ""foo" ": expected media query list, was "// Bar"。为什么呢？

感谢您的解释。

Answer 1

1. CSS规范将@import rule定义为

   <import-rule> = @import [ <url> | <string> ] <media-query-list>? ;
   

   表示@import后跟字符串或网址，后跟可选的媒体类型列表

2. 在Sass syntax中，评论必须在各自的路线上

     

   与缩进语法中的其他内容一样，注释是基于行的。   这意味着它们的工作方式与SCSS中的工作方式不同。他们一定   占用整行，它们还包含嵌套的所有文本   在他们之下。

解析器需要一个媒体类型列表，找到与内容混合的注释和扼流圈。

您必须使用Sass语法分割注释和内容：

 // Bar
 @import "foo"

Answer 2

  

你可以尝试

@import "foo"; // Bar

  

实际上你在变量声明后缺少分号。