CSS变量

Author Avatar
Aryb1n 5月 23, 2017

天啦噜

CSS支持变量了

.foo {
  --foo: 20px;
  font-size: var(--foo);
}

大概来说就是

-- 用来定义变量
var() 用来读变量值(只能作为属性值,不能作为属性名)
calc() 用来计算

具体参考MDN

参考

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables