CSS [属性^ =値]セレクター
例
「test」で始まるクラス属性値を持つすべての<div>要素に背景色を設定します。
div[class^="test"]
{
background: #ffff00;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
[ attribute ^ = value ]セレクターは、属性値が指定された値で始まるすべての要素に一致します。
バージョン: | CSS3 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
[attribute^=value] | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
CSS構文
attribute ^= value {
css declarations;
}
その他の例
例
「test」で始まるクラス属性値を持つすべての要素に背景色を設定します。
[class^="test"]
{
background: #ffff00;
}
関連ページ
CSSチュートリアル:CSS属性セレクター