css - CSS 分组元素的快捷方式

Question

我有一个包含很多输入元素的 div。我需要将几个输入分组并为它们添加一些样式:

div#tabs_add_invoice input#id_description,
div#tabs_add_invoice input#id_annotation,
div#tabs_add_invoice input#id_other {
    /*some style definition*/
}

有什么捷径吗？

Answer 1

是的，您需要为要分组的 div 分配“类”
说，

<div id="div1" class="commonDiv"></div>
<div id="div2" class="commonDiv"></div>
<div id="div3" class="commonDiv"></div>
<div id="div4" class="commonDiv"></div>

现在在您的 CSS 中，您只需要将样式表提供给 commonDiv

.commonDiv {
  //Your styling goes here
}