属性値の一部一致セレクター
属性値の一部一致セレクターは、 指定された値のうち少なくとも1つを 属性値として持つ要素にスタイルを設定します。 ただし、属性のすべての値は スペースで区切られている必要があります。
例
test という値を属性値の一部として持つ
すべての <p> を見つけて、
それらの色を青に変更してみましょう：
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
関連項目
-
属性名による属性セレクター、
属性名で要素を検索します -
属性値による属性セレクター、
属性値で要素を検索します -
属性値の先頭一致による属性セレクター、
属性値の先頭で要素を検索します -
属性値の末尾一致による属性セレクター、
属性値の末尾で要素を検索します -
属性値内の文字列による属性セレクター、
属性値内のテキストで要素を検索します -
属性値内のハイフンによる属性セレクター、
属性値内のハイフンで要素を検索します -
子セレクター、
直接のネスト関係に基づいて要素を選択できます -
コンテキストセレクター、
親要素に基づいて要素を選択できます -
隣接セレクター、
隣接する要素に基づいて要素を選択できます -
一般兄弟セレクター、
指定された要素の後に続く要素を選択できます -
ユニバーサルセレクター、
すべての要素を選択できます
