CSS，颜色，参数，同样

Question

对不起，我失去了IT几年） 所以，这里是我的问题： 我有一个长“的.css”文件和大量的结构像

color: #567567; 

在里面。所以，这里是一个metopod使用一些像

color: $mycolor 

或不？

PS：对不起，我的英语。我喝了几年）））））））

Answer 1

这不是（还）可以跨纯CSS所有的浏览器，它目前只是一个experimental technology（见这个compatibility table）。

以实现一种方法是使用工具，如less或sass支持变量，然后编译的文件放到纯CSS。

从较少的网站上采取了例如：

@base: #f938ab; 

.box-shadow(@style, @c) when (iscolor(@c)) { 
    -webkit-box-shadow: @style @c; 
    box-shadow:   @style @c; 
} 
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) { 
    .box-shadow(@style, rgba(0, 0, 0, @alpha)); 
} 
.box { 
    color: saturate(@base, 5%); 
    border-color: lighten(@base, 30%); 
    div { .box-shadow(0 0 5px, 30%) } 
} 

编译为：

.box { 
    color: #fe33ac; 
    border-color: #fdcdea; 
} 
.box div { 
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
}