属性値の末尾セレクタ

属性値の末尾セレクタは、 タグの属性値が特定のテキストで 終わる要素にスタイルを適用します。

例

属性hrefの値が .htmlで終わる aタグを赤色に変更してみましょう:

html<a href="file.html">link1</a>
<a href="">link2</a>
cssa[href$=".html"] {
  color: red;
}

Результат:

関連項目