在css中使用正则表达式?

前端之家收集整理的这篇文章主要介绍了在css中使用正则表达式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个html页面,其中divs有id(s)的形式s1,s2等。
<div id="sections">
   <div id="s1">...</div>
   <div id="s2">...</div>
   ...
</div>

我想应用css属性到这些部分/ divs的一个子集(取决于id)。但是,每次我添加一个div,我必须单独添加css这样。

//css
#s1{
...
}

在css中是否有类似于正则表达式的东西,我可以使用它来将样式应用到一组div。

解决方法

您可以管理选择这些元素没有任何形式的正则表达式像以前的答案显示,但要直接回答问题,是的,你可以在选择器中使用一种形式的正则表达式:
#sections div[id^='s'] {
    color: red;  
}

也就是说,在#sections div中选择任何div元素,其ID以字母’s’开头。

fiddle here

W3 CSS selector docs here

原文链接:https://www.f2er.com/css/223344.html

猜你在找的CSS相关文章