CSS3 [attribute*=value]セレクタ

定義と使用方法

CSS [attribute*=value] セレクタは、属性値に指定された値を含む各要素に一致します。

例

例 1

class属性値に"test"が含まれるすべての<div>要素にスタイルを設定します：

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

実際に試してみる

例 2

class属性値に"test"が含まれるすべての要素にスタイルを設定します：

[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 属性选择器詳細