假定 Stylus 样式表中全局变量的默认值？

【问题标题】：Assume default value for global variable in Stylus stylesheet?假定 Stylus 样式表中全局变量的默认值？
【发布时间】：2014-12-07 01:39:33
【问题描述】：

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')

【问题讨论】：

【解决方案1】：

Stylus 提供了两个相同的运算符来实现此?= 和:=，如下所述：

为了完整起见，这里是一个示例，显示了两种替代（但等效）语法：

示例 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')

【讨论】：