css
中注释的作用包括帮助你组织样式、以后你看自己的代码时明白为什么这样写,以及简单的样式说明。但是,你并不希望每个浏览网站源码的人都能看到所有注释。
sass
另外提供了一种不同于css
标准注释格式的注释语法,即静默注释,其内容不会出现在生成的
css
文件中。静默注释的语法跟JavaScript
Java
等类C
的语言中单行注释的语法相同,它们以//
开头,注释内容直到行末。
body {
color: #333; // 这种注释内容不会出现在生成的css文件中
padding: 0;
}
实际上,css
的标准注释格式内的注释内容亦可在生成的
css
文件中抹去。当注释出现在原生css
不允许的地方,如在css
属性或选择器中,sass
将不知如何将其生成到对应css
文件中的相应位置,于是这些注释被抹掉。
body {
color : #333;
padding: 1; 0;
}
你已经掌握了sass
的静默注释,了解了保持sass
条理性和可读性的最基本的三个方法:嵌套、导入和注释。现在,我们要进一步学习新特性,这样我们不但能保持条理性还能写出更好的样式。首先要介绍的内容是:使用混合器抽象你的相关样式。
描述 @ at-root 指令是嵌套规则的集合,它能够在文档的根位置创建样式块。@ at-root(without:...)和@ at-root(with:...)默认...
描述命名空间用于在通用名称下对mixin进行分组。 使用命名空间可以避免名称冲突,并从外部封装mixin组。例子以下示例演示如何在L...
描述使用 extend 选择器匹配嵌套选择器。例子下面的例子演示了在LESS文件中使用扩展嵌套选择器:extend_syntax.htm!doctype html...
描述每当一个mixin定义在另一个mixin中时,它也可以用作返回值。例子下面的示例演示了如何在LESS文件中使用mixin htmlheadlink r...
描述可选允许您在文件不存在时导入文件。 如果要导入的文件不存在并且未使用可选关键字,则LESS会抛出 FileError 错误并停止编译...