Javascript 在一个css语句中设置常用div组的样式

我有几个用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;
}

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

---

为动态创建的div设置一个类，然后设置该类的样式。或者，如果您要将新div插入容器中，您可以根据以下内容进行选择：

<div id='stuff_goes_here'>
  <!-- ... dynamic divs will go here ... -->
</div>

---

如果它们的样式完全相同，请使用类：

那么你的div是这样的：

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

---

只需编辑脚本以包含class属性，这是迄今为止最简单的解决方案…这正是类的用途：）

我个人建议使用

类，因为这就是它们的用途；不过，您可以按照自己的意愿进行：

div[id^=somediv]
{
/* css styles */
}

使用CSS
首先是
selector（），尽管它依赖于用户/受众中的CSS 3（我认为）实现。
这就是创建class属性的目的。给你所有的DIV上同样的课，你可以这样说：

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

.divclass {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}
.divclass{
背景色：#F2F5FC；
边框样式：实心；
边框底部：细点#33ccff；
}
但是如果你真的需要按照你的要求去做，你可以使用一种新形式的选择器。以下内容将匹配所有以“somediv”开头的ID，但这在较旧的浏览器上不起作用：

[id^=somediv] {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}
[id^=somediv]{
背景色：#F2F5FC；
边框样式：实心；
边框底部：细点#33ccff；
}是的，但是如果我有50个div呢？然后像其他人建议的那样，使用一个类，或者键入很多逗号。@Vafello，然后你可以使用CSS的
以
选择器开始（见我的答案），尽管一个普通的类会更实用、更容易使用。我怎么没有想到这一点呢。天才：）
[id^=somediv] {
    background-color: #F2F5FC;
    border-style:solid;
    border-bottom:thin dotted #33ccff;
}