javascript - 在一个 css 语句中设置通用 div 组的样式

Question

我在 Javascript 中动态创建了一些 div。我想知道是否可以一次为它们设置样式。

#somediv {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}

#somediv2 {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}

...等等(甚至可以是 50 个 div)

我想将其更改为:

 #somediv* {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}

Answer 1

如果它们的样式要完全相同，请使用一个类 look here for the difference :

.divClass {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}

那么你的div是这样的:

<div id="somediv" class="divClass"></div>
<div id="somediv2" class="divClass"></div>

只需编辑您的脚本以包含类属性，这是迄今为止最简单的解决方案...这正是类的用途:)