有没有办法为css claas名称分配变量?

问题描述:

我期待动态地给css类分配变量名称。 这里即时与小码有没有办法为css claas名称分配变量?

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

,而不是写作 “#A1,#A2,A3#,#A4” 解释,我想写一些变量。与循环我想定义四个类,而页面正在加载。

你能否请解释我该怎么做?

+0

有没有这样的事,作为一个CSS类, CSS有类选择器,HTML有类,而且你正在使用ID选择器。 – Quentin 2010-07-23 06:18:48

+0

为什么不使用类选择器并将该类分配给所有具有其ID的元素,因此它们的样式基于它们的类是相同的并且仍然具有其唯一ID? – animuson 2010-07-23 06:22:56

为什么不使用css class selector

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

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

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

Downvoter - 请解释原因? – redsquare 2010-07-23 06:57:20

+0

我没有投票,但会有,因为你正在使用JavaScript(在上面的jQuery)来解决非JavaScript问题,这应该解决服务器端。 – RoToRa 2010-07-23 11:19:35

您可以随时将PHP文件作为CSS服务。

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

或者看不到(或者作为rubygem或less.js)或SASS(也红宝石)

http://lesscss.org/

http://sass-lang.com/