当通过@import
把sass
样式分散到多个文件时,你通常只想生成少数几个css
文件。那些专门为@import
命令而编写的sass
文件,并不需要生成对应的独立css
文件,这样的sass
文件称为局部文件。对此,sass
有一个特殊的约定来命名这些文件。
此约定即,sass
局部文件的文件名以下划线开头。这样,sass
就不会在编译时单独编译这个文件输出css
,而只把这个文件用作导入。当你@import
一个局部文件时,还可以不写文件的全名,即省略文件名开头的下划线。举例来说,你想导入themes/_night-sky.scss
这个局部文件里的变量,你只需在样式表中写@import
"themes/night-sky";
。
局部文件可以被多个不同的文件引用。当一些样式需要在多个页面甚至多个项目中使用时,这非常有用。在这种情况下,有时需要在你的样式表中对导入的样式稍作修改,sass
有一个功能刚好可以解决这个问题,即默认变量值。
描述使用嵌套属性可以避免重写CSS多次。例如,使用 font 作为使用一些属性(例如font-family,font-size,font-weight和font-var...
描述SassScript值可以作为mixin中的参数,当mixin包含在mixin中时可以作为变量传递。参数是一个变量的名称,在定义mixin时用逗号...
描述Extend用于将选择器移动到要使用的属性,这有助于减少css生成的代码。例子下面的示例是减少LESS文件中的css大小:extend_syn...
描述当最后在扩展参数中标识关键字 all 时,LESS将该选择器作为另一个选择器的一部分。 匹配的选择器部分将被extend替换,形成一...
描述选择器可以引用任何变量,它是在编译时构建的。变量名称必须放在用@符号前缀的花括号({})内。例子下面的例子演示了在LESS...