Question

我想知道是否可以将css属性定义为变量。例如，我可以这样做：

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

并在.css：

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

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

看看：

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