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

ブラウザのサポート

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

クローム エッジ ファイアフォックス サファリ オペラ
4.0 7.0 3.5 3.2 9.6

関連ページ

CSSチュートリアル:CSS 属性选择器

CSSチュートリアル:CSS属性選択子の詳細