注释

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

SASS 里面有三种注释,多行注释,单行注释,还有强制的注释,多行注释在会在编译输出的 CSS 文件里面保留,不过在压缩输出的 CSS 里面会被去掉。SASS 里面的单行注释不会出现在 CSS 里面。强制的注释,就是注释内容的第一个字符使用 ! 号的多行注释 ... 这样的注释内容会一直出现在 CSS 文件里。下面,我们去试一下。

先添加一个多行注释,多行注释就是使用一个 /* 开始 ... 注释结束的地方用 */ ... 在 Atom 编辑器里,可以使用快捷键 command + / ,Windows 上应该是 ctrl + / 来添加这样的注释 ...

/* 多行注释
* 会包含在没有压缩之后的CSS里面
*/

保存 ... 在输出的 CSS 文件里面,你会看到多行注释的内容 ... 因为我们现在用的是 expanded 这种方式输出的 CSS ... 所以多行注释的内容也会被包含在 CSS 文件里面。

下面,再去试一下单行注释 ... 在 SASS 里面,单行注释的内容可以使用 // 开头 ...

// 单行注释不会出现在 CSS 里面

保存 ... 在输出的 CSS 里面,不会包含这样的单行注释的内容 ... 下面,我们再去修改一下 CSS 的输出的方式 .. 回到命令行 .. ctrl + C .. 停止一下 ... 然后再去执行这行命令 .. 修改一下输出的 CSS 的样式 ... 这里我们用 compressed ... 回车 ...

回到编辑器 ... 保存 ... 现在用的是压缩的方式输出的 CSS ... 这样就会去掉所有的注释内容 ... 不过,如果你仍然想在这种形式的 CSS 里面添加点注释内容 ... 你可以使用带叹号的多行注释 ... 这个注释的内容的第一个字符要用 ! 号开头 ...

/*!强制输出的注释内容*/

再保存一下 ... 在输出的 CSS 里面,会包含这样的注释内容。

注释《 Sass 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点