匹配所有开始的类select器？

CSS3中的select器可以使用“通配符”吗？

例如。

<div class="myclass-one"></div> <div class="myclass-two></div> <div class="myclass-three"></div> 

…然后神奇地将所有以上的div设为红色

 .myclass* { color: #f00; } 

可能？

Answer 1

以下应该做的伎俩：

 div[class^='myclass'], div[class*=' myclass']{ color: #F00; } 

---

编辑：添加通配符（ * ）大卫build议

Answer 2

这不是问题的直接答案，但是我会build议在大多数情况下简单地为每个元素设置多个类：

 <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. 

Answer 3

你可以很容易地添加多个类到div …所以：

 <div class="myclass myclass-one"></div> <div class="myclass myclass-two"></div> <div class="myclass myclass-three"></div> 

然后在共享类的CSS调用中应用相同的样式：

 .myclass {...} 

而且你仍然可以使用你的其他类如下所示：

 .myclass-three {...} 

或者，如果你想在这样的CSS更具体：

 .myclass.myclass-three {...}