跳到主要内容

关键字参数

Stylus 支持关键字参数,或称为“kwargs”。这允许您通过它们关联的参数名称引用参数。

下面所示的示例在功能上是等效的。但是,我们可以在列表中的任何位置放置关键字参数。未键入的剩余参数将应用于未满足的参数。

body {
color: rgba(255, 200, 100, 0.5);
color: rgba(red: 255, green: 200, blue: 100, alpha: 0.5);
color: rgba(alpha: 0.5, blue: 100, red: 255, 200);
color: rgba(alpha: 0.5, blue: 100, 255, 200);
}

产生的结果为:

body {
color: rgba(255, 200, 100, 0.5);
color: rgba(255, 200, 100, 0.5);
color: rgba(255, 200, 100, 0.5);
color: rgba(255, 200, 100, 0.5);
}

要查看函数或 mixin 接受哪些参数,请使用 p() 函数:

p(rgba)

产生的结果为:

inspect: rgba(red, green, blue, alpha)