CSS - 如何干涸？

Question

有没有办法干掉这个CSS？唯一不同的是颜色？

div.base-text-gold {
    position: absolute; bottom: 9px; color: #FED577; font-size: 10px;
    font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase;
}

div.base-text-grey {
    position: absolute; bottom: 9px; color: #D1D2D4; font-size: 10px;
    font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase;
}

Answer 1

将颜色分成不同的CSS类,如下所示:

div.base-text {
    position: absolute; bottom: 9px; font-size: 10px;
    font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase;
}

div.gold {
    color: #FED577;
}

div.grey {
    color: #D1D2D4;
}

然后简单地将两个类应用于元素:

<div class="base-text gold">...</div>

Answer 2

您可以尝试使用 lessCSS或dotlesscss 库中的一个