css属性选择器E[attr~=val]

css属性选择器E[attr~=val]。匹配所有attr属性具有多个空格分隔的值、其中一个值等于"val"的E元素。

by Wang Peng

HTML

<p class="barren">Mercury</p>
<p class="cloudy barren">Venus</p>
<p class="life-barren cloudy">Earth</p

CSS

p[class~=barren] {
    color: red;
}