[css] 第660天 使用纯的css如何定义变量？请举例说明

[haizhilin]

第660天 使用纯的css如何定义变量？请举例说明

3+1官网

我也要出题

[Kano Zhao]

声明一个局部变量：

element {
--main-bg-color: brown;
}
使用一个局部变量：

element {
background-color: var(--main-bg-color);
}
声明一个 全局 CSS 变量：

:root {
--global-color: #666;
--pane-padding: 5px 42px;
}
使用一个 全局 CSS 变量：

.demo{
color: var(--global-color);
}

[起风了]

:root {
  --g-red: #e00;
}
.red {
  color: var(--g-red) red;
}

[crush]

@crush2020

@Virkano

声明一个局部变量：

element {
--main-bg-color: brown;
}
使用一个局部变量：

element {
background-color: var(--main-bg-color);
}
声明一个 全局 CSS 变量：

:root {
--global-color: #666;
--pane-padding: 5px 42px;
}
使用一个 全局 CSS 变量：

.demo{
color: var(--global-color);
}

学到了，补充一下这些变量是可以写在外部css文件里，然后导入该文件