属性値の一部一致セレクター

属性値の一部一致セレクターは、 指定された値のうち少なくとも1つを 属性値として持つ要素にスタイルを設定します。 ただし、属性のすべての値は スペースで区切られている必要があります。

例

test という値を属性値の一部として持つ すべての <p> を見つけて、 それらの色を青に変更してみましょう：

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

cssp[class~="test"] {
  color: blue;
}

Результат:

関連項目