其中最棒的事情之一Stylus http://learnboost.github.io/stylus/它允许您定义可用于自定义结果输出的配置的变量。
例如,
// my-html-object.styl
$my-html-object-color = red
$my-html-object
color $my-html-object-color
但是如何定义这个变量,以便在加载“my-html-object.styl”之前可以覆盖它,从而可以实现以下操作?
// main.styl
$my-html-object-color = blue
@import('my-html-object')
Stylus 提供了两个相同的运算符来实现此目的?=
and :=
如此处记录的:
http://learnboost.github.io/stylus/docs/operators.html#conditional-assignment-- http://learnboost.github.io/stylus/docs/operators.html#conditional-assignment--
为了完整起见,这里有一个示例,显示了两种替代(但等效)语法:
示例1:
// my-html-object.styl
$my-html-object-color ?= blue
$my-html-object
color $my-html-object-color
示例2:
// my-html-object.styl
$my-html-object-color := blue
$my-html-object
color $my-html-object-color
然后在这两种情况下您都可以根据需要调整该值:
// main.styl
$my-html-object-color = blue
@import('my-html-object')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)