css - Sass:为什么我不能在 @import 之后发表评论(在同一行)？

Question

@import "foo" // Bar

...导致 “foo”之后的无效 CSS:预期的媒体查询列表为“//Bar”。为什么？

感谢您的解释。

Answer 1

1. CSS 规范定义了 @import rule作为

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

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

2. 在Sass syntax , 评论必须独占一行

   Like everything else in the indented syntax, comments are line-based. This means that they don’t work the same way as in SCSS. They must take up an entire line, and they also encompass all text nested beneath them.

解析器需要一个媒体类型列表，找到一个混合了内容的评论并在其上阻塞。

你必须在 Sass 语法中拆分注释和内容:

 // Bar
 @import "foo"