html - Css 分组多个 id`s 类

Question

我有这样的东西:

<div id="attributes1"><span class="heading_fieldset"></div>
<div id="attributes2"><span class="heading_fieldset"></div>

和

#attributes1 .heading_fieldset {
    display:inline-block;
    width: 30px;
}
#attributes2 .heading_fieldset {
    display:inline-block;
    width: 30px;
}

我如何将 CSS 分组为类似的东西(下一个 CSS 不好...它弄乱了我的页面):

#attributes1, #attributes2 .heading_fieldset {
    display:inline-block;
    width: 30px;
}

谢谢

Answer 1

你会使用:

#attributes1 .heading_fieldset, #attributes2 .heading_fieldset {
    display:inline-block;
    width: 30px;
}

您试图将属性添加到元素:#attributes1 , 和 .heading_fieldset与 #attributes2 的父级.

---

我不知道你正在尝试做什么的完整上下文，所以这可能不起作用 - 但是，你可能只是将这些属性应用于 .heading_fieldset无需选择 parent 。这将减少一些冗余。