css - 使用 CSS @变量

标签 css css-variables

<分区>

我正在尝试使用 CSS 变量。我在网上寻找教程,到目前为止所有教程都有效。

这是我的 CSS:

@variables {
 defaultColor: #8E5050;
 defaultBackGround: #E1DBC3;
}
body {
 background: var(defaultBackGround);
}
a {
 color: var(defaultColor);
}

我也试过:

body {
 background: @defaultBackGround;
}
a {
 color: @defaultColor;
}

它们都不起作用,我做错了什么?谢谢

最佳答案

我会使用 CSS 预处理器,例如 SassLess .

关于css - 使用 CSS @变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7583076/

相关文章:

javascript - 防止在网站中使用触摸屏进行缩放(IE 11、Win 10)

css - 如何根据rails中的用户设置动态更改tailwind-config.js

css - 使用 css 变量继承字体系列不起作用

html - div中的中间文本

html - 显示 flex 在导航栏中不起作用

css - CSS 自定义属性是否可以包含多个要引用的值?

css - calc() 函数不返回百分比

css - 是否可以引用 :root css variable within another :root variable?

html - 让 flex 元素同时拉伸(stretch)和垂直居中内容?

css - Joomla:是否可以在两列中键入文本?