在CSS中使用正则表达式？

Question

我有一个带有div的html页面，这些div的 ID 为 s1 ， s2 等形式。

<div id="sections">
   <div id="s1">...</div>
   <div id="s2">...</div>
   ...
</div>

我想将CSS属性应用于这些部分/ div的子集（取决于id）。但是，每次添加 div时 ，都必须像这样分别为该部分添加css。

//css
#s1{
...
}

css中是否有类似正则表达式的内容，可用于将样式应用于一组 div 。

Answer 1

您可以设法选择那些元素而无需任何形式的正则表达式，如先前的答案所示，但是要直接回答问题，可以在选择器中使用形式的正则表达式：

#sections div[id^='s'] {
    color: red;  
}

也就是说，在#section div中选择任何ID以字母“ s”开头的div元素。