如何一次在一个div id下添加css元素

Question

#id1#id2。。。#id500我想添加所有这些适用于ID为"的div下的ID样式；"均匀"；我需要在每个id样式中添加#uniform吗#uniform#id1、#uniform#id2等或任何其他快捷方式？

我需要在没有人工参与的情况下实现这一点。

Answer 1

您可以使用CSSattribute^=value选择器。它选择所有以某个字符串开头的匹配类、ID等。演示：

#uniform div[id^="id"] {
width: 100px;
height: 20px;
margin: 5px;
background: pink;
}

<div id="uniform">
<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>
<div id="id4"></div>
<div id="id5"></div>
<div id="id6"></div>
</div>