如何将CSS规则应用于具有特定关键字的类？

Question

也就是说，请参阅以下内容：

<div class="helloeverybody">
</div>
<div class="heyeveryperson">
</div>

我想将css规则应用于每个类，其中包含“every”一词。 这是否有正式名称？

Answer 1

您可以通过在属性后添加星号来使用“contains”属性选择器 - 例如

div[class*=every] {
    color: orange;
}

http://jsfiddle.net/FWP8j/1/

Selectors Level 3的定义：

  

表示具有att属性的元素，其值包含at   子串“val”的至少一个实例。如果“val”是空的   字符串然后选择器不代表任何东西。