CSS代码中的多个代码

我认为这是一个简单的问题，但我在Google中找不到任何帮助我的东西。CSS代码中的多个代码

我有下面的代码：

-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;

现在我用它在超过1 CSS类。而当我想改变盒子大小时，我不想在所有语句中改变它。所以我想用一些CSS变量。但我没有找到一个例子来定义CSS变量中的多个语句。任何解决方案

我已经尝试过：

@boxsizing: 
(
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
)

CSS和变量？ CSS中没有变量，常量或任何其他占位机制。但是，您可以在许多选择器上使用相同的规则，将它们与逗号分隔符'，'分组。 – Zeta

CSS不支持变量。见http://stackoverflow.com/questions/7247202/how-to-use-variable-in-css?rq=1 –

这取决于声明，你应该更具体。在CSS中，它被称为媒体查询：http://www.w3.org/TR/css3-mediaqueries/ – MatthewK

香草CSS不会在你打算在他们使用的方式使用变量。

对于这样的行为，您需要其他工具从动态代码文件中生成（有效）CSS。例子包括如下：

2012-11-12 12:05:27 Sirko

啊！也听说过LESS。但从来没有读过关于它的文章！谢谢！ +1＆，当我可以，接受。 –

CSS有没有这样的东西作为变量。你可以让你的代码更DRY通过定义相同的样式，一些选择，比如：

.boxsizing, #my_element, div, a.foobar { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

2012-11-12 12:05:47 Hubro

也试过。但什么都行不通。所以我想开始用变量来开发。 –

你需要的东西像SCSS做到这一点。

2012-11-12 12:05:49

回答