CSS分组元素的快捷方式

我有很多输入元素的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*/
}

有什么捷径吗

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

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

---

我看到您的输入有一个ID，这应该使它们是唯一的，所以您不需要指定其他任何东西，比如父项。例如，

body div\content div\tabs\u add\u invoice input\id\u description

与

\id\u description

相同。这意味着以下各项将完成相同的工作

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

甚至是这样，但它会影响

#选项卡(添加)发票

#tabs_add_invoice input {
    /*some style definition*/
}

---

我看到您的输入有一个ID，这应该使它们是唯一的，所以您不需要指定其他任何东西，比如父项。例如，

body div\content div\tabs\u add\u invoice input\id\u description

与

\id\u description

相同。这意味着以下各项将完成相同的工作

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

甚至是这样，但它会影响

#选项卡(添加)发票

#tabs_add_invoice input {
    /*some style definition*/
}

有什么捷径吗

对。用于匹配元素而不是ID

您的输入元素可以通过指定相同的类来共享样式。比如：

CSS

HTML

有什么捷径吗

对。用于匹配元素而不是ID

您的输入元素可以通过指定相同的类来共享样式。比如：

CSS

HTML

是的，这正是类用于+1的内容是的，这正是类用于+1的内容

input.wideInput {
    width: 100%;
}

<div id="tabs_add_invoice">
    <input type="text" id="id_description" class="wideInput" /> 
    <input type="text" id="id_annotation" class="wideInput" /> 
    <input type="text" id="id_other" class="wideInput" />
    <input type="text" id="id_different" />
</div>