html - 将 css 应用于具有相同模式的元素

Question

我在 html 中有这个元素:

<div id="element0div0">
div 0
</div>
<div id="element1div1">
div 1
</div>
<div id="element2div2">
div 2
</div>

我可以使用正则表达式之类的东西将 css 应用于 element{n}div{n} 之类的元素吗？

Answer 1

没有正则表达式来区分数字和字母，但您绝对可以使用以下方法解决问题:

div[id^=element][id*=div] {
    /* css */
}

这有缺陷，因为它将匹配以下(以及更多)id 字符串:

• 元素分区
• elementSomeOtherStringdiv
• elementdivSomeOtherString

鉴于您的问题的性质，我建议对您希望应用通用样式的所有元素简单地使用通用类名会更明智。

引用资料:

• CSS attribute-selectors .