Sass 静默注释 下载APP
Sass 静默注释

CSS中的注释作用包括组织样式、以后看代码时明白为什么要这样写,已经简单的样式说明。

但是,又不希望每个浏览网页源码的人都能看到所有的注释。

Sass另外提供了一种不同于css标准煮熟格式/*...*/的注释语法,即静默注释,其内容不会出现在生成的css文件中。静默注释的语法跟JavaScript、Java等类C的语言中单行注释的语法相同,他们以//开头,注释内容直到行末。

body {
  color: #333; // 这种注释内容不会出现在生成的css文件中
  padding: 0; /* 这种注释内容会出现在生成的css文件中 */
}

实际上,css的标准注释格式/* ... */内的注释内容亦可在生成的css文件中抹去。当注释出现在原生css不允许的地方,如在css属性或选择器中,sass将不知如何将其生成到对应css文件中的相应位置,于是这些注释被抹掉。

body {
  color /* 这块注释内容不会出现在生成的css中 */: #333;
  padding: 1; /* 这块注释内容也不会出现在生成的css中 */ 0;
}