CSS相同样式不同类名如何简化。

Question

这种好多带子代选择器的样式如何简化，用预编译工具可以吗（我还没用过less之类的）

Answer 1

如果几个元素有相同样式的话，添加同样的class名称
例如：

html:

<td class="bg-color-red">1</td>
<td class="bg-color-black">2</td>
<td class="bg-color-red">3</td>
<td class="bg-color-black">4</td>

css:

.bg-color-red {
    background-color: red;
}

.bg-color-black {
    background-black: black;
}

Answer 2

相同的样式都用相同的class名可以实现。

Answer 3

颜色设置无规律，要么起相同的类名，要么用less，其他的我不清楚

Answer 4

不是每个background的值都不一样吗？怎么样式相同了？
合并样式：
一、
style1,style2,...{...}style1{}
二、
style1{}
style2{}
style3{}
...
elme.classname="style1 style2"