我可以将#ID的列表合并到一个类中吗？

Question

我有12个#ID，并且想要向所有这些ID添加相同的CSS。 我无法将类添加到这些ID。

所以我要做的是：

.class-grouped = #ID1, #ID2, #ID3

如果我必须在所有样式上都写所有12个#ID，我的代码将非常混乱。

Answer 1

您可以尝试在JS中添加该类：

var ids = ['ID1', 'ID2', 'ID3', 'ID4'];
ids.forEach(function(id) {
    document.getElementById(id).classList.add('class-grouped');
});

.class-grouped { background: blue; margin-bottom: 5px; height: 10px; }

<div id="ID1"></div>
<div id="ID2"></div>
<div id="ID3"></div>
<div id="ID4"></div>

Answer 2

const elements = document.querySelectorAll("#a, #b, #c, #d");
elements.forEach(elem => elem.classList.add("myClass"));

<div id="a">23</div>
<div id="b">232</div>
<div id="c">434</div>
<div id="d">43242</div>