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

问题描述

问 题

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

解决方案

如果几个元素有相同样式的话，添加同样的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;
}

这篇关于html - CSS相同样式不同类名如何简化。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！