匹配类名以特定字符串开头的所有元素
匹配类名以特定字符串开头的所有元素
提问于 2012-11-13 05:45:23
在CSS3中，对于类名以特定字符串开头的元素，可以使用“通配符”吗？
示例：
<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>然后神奇地一次将上面所有的div设置为红色：
.myclass* { color: #f00; }回答 2
Stack Overflow用户
发布于 2012-11-13 05:48:21
这不是这个问题的直接答案，但我建议在大多数情况下，简单地为每个元素设置多个类：
<div class="myclass one"></div>
<div class="myclass two></div>
<div class="myclass three"></div>通过这种方式，您可以为所有myclass元素设置规则，然后为one、two和three设置更具体的规则。
.myclass { color: #f00; }
.two { font-weight: bold; }
etc.Stack Overflow用户
发布于 2012-11-13 05:48:46
您可以轻松地将多个类添加到div...所以：
<div class="myclass myclass-one"></div>
<div class="myclass myclass-two"></div>
<div class="myclass myclass-three"></div>然后在CSS调用share类中应用相同的样式：
.myclass {...}你仍然可以像这样使用你的其他类：
.myclass-three {...}或者，如果您想在CSS中更具体，如下所示：
.myclass.myclass-three {...}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13352080
复制相关文章
相似问题