原文地址: https://www.jeremyjone.com/735/,转载请注明。
使用变量
一些基本操作:
- 使用
$
作为变量名前缀 - 赋值号(
=
)赋值 - 使用
@
可以直接引用当前类下的属性名
width 10px
height @width
- 可以直接在类中使用变量名(好像是废话)
修改变量
如果想动态修改,需要用到 js
,但是 js
无法修改 stylus
的变量,只能借助 css
的变量名体系。
标准的方式:
- 在
:root
中声明默认变量属性 - 通过
js
动态修改全局的css
变量
具体内容可以看文档 MDN。
css
的变量使用 --
作为起始,使用的时候需要使用 var()
函数包裹。
需要注意的是,