css - 如何将 CSS 规则应用于其中包含特定关键字的类？

Question

也就是说，请看以下内容：

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

我想将一个css规则应用于每个带有“every”这个词的类。这个有正式的名字吗？

Answer 1

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

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

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

Selectors Level 3的定义：

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