用于动态生成 div 的 CSS 选择器

Question

如何按类选择每个动态生成的 div？

<div class="thumbs-1 col-sm-4 col-md-4"></div>
<div class="thumbs-2 col-sm-4 col-md-4"></div>
<div class="thumbs-3 col-sm-4 col-md-4"></div>
<div class="thumbs-4 col-sm-4 col-md-4"></div>
etc

我的静态简化 css 看起来像

.thumbs-1 {
    display: inline-block;
    vertical-align: top;
}
.thumbs-2 {
    display: inline-block;
    vertical-align: top;
}
.thumbs-3 {
    display: inline-block;
    vertical-align: top;

}
.thumbs-4 {
    display: inline-block;
    vertical-align: top;
}

如何使我的 .css 文件动态化？

Answer 1

是的，您可以使用某种形式的正则表达式

div[class^='thumbs-'] {
    color: black;  
}

意思是，选择名称从thumbs-