CSS3 [attribute$=value] 選択子

定義と使用方法

CSS [attribute$=value] 選択子は、指定された値で終わる属性値を持つ各要素に一致します。

例

例 1

「test」で終わる class 属性値を持つすべての <div> 要素にスタイルを設定します：

div[class$="test"] {
  background: salmon;
}

実際に試してみてください

例 2

「test」で終わる class 属性値を持つすべての要素にスタイルを設定します：

[class$="test"] {
  background: salmon;
}

実際に試してみてください

CSS 文法

[attribute $= value] {
  css declarations;
}

技術的な詳細

バージョン： CSS3

ブラウザのサポート

このテーブルの数字は、指定された選択子を完全にサポートする最初のブラウザバージョンを示しています。

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

関連ページ

CSS 説明書：CSS 属性选择器

CSS 説明書：CSS 属性選択子の詳細