匹配所有以类开始的类选择器？

Question

是否可以在CSS3中为选择器使用“通配符”？

例如。

<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; 
} 

---

编辑：由大卫

Answer 2

这不是直接回答这个问题建议增加通配符（*），但我会建议在大多数情况下简单地为每个元素设置多个类：

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

In这样，您可以为所有myclass元素设置规则，然后为one,two和three设置更具体的规则。在CSS调用类份额

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

然后采用同样的风格：

.myclass { color: #f00; } 

.two { font-weight: bold; } 

etc. 

Answer 3

您可以轻松地多类添加到div的...所以

.myclass {...} 

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

.myclass-three {...} 

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

.myclass.myclass-three {...}