在CSS3中,对于类名以特定字符串开头的元素,可以使用“通配符”吗?
示例:
<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>
然后神奇地一次将上面所有的div
设置为红色:
.myclass* { color: #f00; }
发布于 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.
发布于 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 {...}
https://stackoverflow.com/questions/13352080
复制相似问题