CSS div风格 - 我应该使用class还是id？

Question

我有一个div的转发器看起来有点像这样:

<div class="header_div">
    <!-- Content -->
</div>

我希望div的背景颜色根据div内容的动态属性而改变(让我们把它称为类别),但我还是希望在我没有css的情况下设置"header_div"样式该类别的类.这是最好的方法吗？

我能想到的最好的方法是将类别作为div的"id"呈现并根据id应用样式,但这让我觉得非常混乱 - 标准要求id应该单独识别页面上的元素,肯定会有每个类别的重复.

Answer 1

简单的答案是为<div>使用多个类

<div class="header_div header_red">
    <!-- Content -->
</div>

<div class="header_div header_green">
    <!-- Content -->
</div>