匹配有开始的特定字符串类名的所有元素[复制]

Question

这个问题已经在这里有一个答案：

是否有可能使用“通配符”对于具有类的名字开始与CSS3的特定字符串的元素？

例如。：

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

然后神奇地将所有上述divs红色一气呵成：

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

通过这种方式可以为所有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 {...}