テキストによる属性セレクター
テキストによる属性セレクターは、 タグの属性値が特定のテキストを含む要素に スタイルを適用します。
例
属性にtestを含むリンクを見つけ、
それらを緑色に変更してみましょう：
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
関連項目
-
属性名による属性セレクター、
属性名で要素を検索します -
属性値による属性セレクター、
属性値で要素を検索します -
属性値の先頭による属性セレクター、
属性値の先頭で要素を検索します -
属性値の末尾による属性セレクター、
属性値の末尾で要素を検索します -
属性値のバリエーションによる属性セレクター、
属性値のいずれかで要素を検索します -
属性値のハイフンによる属性セレクター、
属性値内のハイフンで要素を検索します -
子孫セレクター、
直接のネスト関係で要素を選択できます -
コンテキストセレクター、
親要素に基づいて要素を選択できます -
隣接セレクター、
隣接する要素に基づいて要素を選択できます -
兄弟セレクター、
指定された要素の後の要素を選択できます -
ユニバーサルセレクター、
すべての要素を選択できます
