有没有办法为css类名分配变量？

Question

我希望动态地为css类指定变量名。 我在这里用小代码解释

#A1, #A2, #A3, #A4{
   float: left;
   clear: left;
   width: 300px;
   margin: 15px;
}

而不是写“＃A1，＃A2，＃A3，＃A4”，我想写一些变量。使用for循环我想在页面加载时定义四个类。

你能告诉我怎么做吗？

Answer 1

为什么不使用css class selector？

然后，您可以使用jQuery addClass方法分配元素。

//apply class to all divs
$('div').addClass('someclass')

.someclass {
   float: left; 
   clear: left; 
   width: 300px; 
   margin: 15px; 
}

Answer 2

您可以随时将PHP文件作为CSS提供。

http://net.tutsplus.com/tutorials/php/supercharge-your-css-with-php-under-the-hood/

或者看看Less（作为rubygem或less.js）或SASS（也是ruby）

http://lesscss.org/

http://sass-lang.com/