跳到主要内容

CSS 变量

阐述

使我们可以在 CSS 中动态调整值。一个变量的名称由 -- 开始,以和内建属性区分。

  • 设置变量:像设置 CSS 属性一样;
  • 使用变量:var(--variable, default-value)

CSS 变量是「局域」的,只有被设置的选择器及其子元素才能使用。不过,我们常常把变量挂载在 :root(即 html)上,此时它是全局的。

实例

性质

相关内容

参考文献