CSS中的变量有用还是多余？

Question

我已经看到很多在CSS中添加变量的方法（例如SASS和LESS）。

改变这一点有什么利弊：

#div-one, #div-two {
    color: blue;
}

到此：

@default: blue;

#div-one {
   color: @default;
}

#div-two {
   color: @default;
}

Answer 1

在CSS中使用这样的变量肯定会使代码更具可读性和可维护性。此外，它是DRY原则的一个很好的例子。虽然在这种情况下将两者合二为一可能更好（假设@default不止一次使用）。

@default: blue;
#div-one, #div-two {
    color: @default;
}

Answer 2

AFAIK，CSS变量不是标准的一部分。这是一个功能请求
我在某处读过WebKit的最新版本可能会理解这一点。

但总之，不要使用它。即使我很酷，因为你可以定义全局值，大多数当前使用的浏览器都不会理解这一点。

我不知道SASS或LESS，但我可以看到这是Ruby的东西，需要安装。
所以我认为它也不是兼容的解决方案。

Answer 3

通常非常有用，例如，它们与SASS一起使用：http://sass-lang.com/