变量也被称为 CSS 自定义属性,是用于存储和重复使用在整个 CSS 文档中可重复的值,可以让网页设计更加简洁与可维护。 在 CSS 中使用变量需要使用 var() 函数。
要声明一个 CSS 变量,需要在 :root 伪类下或特定元素上通过 -- 号前缀来定义变量名称,例如:
:root {
--main-color: #007bff;
}
然后,在任何 CSS 样式中,都可以使用 var() 函数来调用自定义属性,如下所示:
button {
color: var(--main-color);
}
关键词: