css - 我可以在 CSS 中使用变量吗？

Question

我想知道是否可以将 CSS 属性定义为变量。例如，我可以执行以下操作：

<div class="wide(20)"></div>

在 .css 中：

.wide(x)
{
width : x% ;
}

.tr-speed(y)
{
-webkit-transition: y s;
}

我知道这可以用 JavaScript 完成，但我想要一个完整的 CSS 解决方案，如果有的话。提前致谢。

score 2 · Accepted Answer

看看LESS或SASS，它们是支持变量和其他特性的服务器（或客户端）端解决方案。

score 2 · Accepted Answer

SASS是一种非常强大的语言，可以编译成 CSS。

它只是带有变量和函数之类的 CSS 语法。它是一个非常流行的工具，可以帮助您编写 DRY CSS。

score 1 · Accepted Answer

CSS 变量有一个新的 W3C 草案。

看一下：

也许很快就会有主流浏览器的支持：

3 回答 3