<p class="red blue">完全一致している属性値があるので適用される。</p>
<p class="blue red">完全一致している属性値があるので適用される。</p>
<p class="blue green">完全一致している属性値がないので適用されない。</p>
p[class~="red"] {
  color:red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.