CSS3 [attribute^=value]選択子
- 前ページ [attribute|=value]
- 次のページ [attribute$=value]
- 返回上一层 CSS セレクタリファレンスマニュアル
定義と使用方法
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 |
- 前ページ [attribute|=value]
- 次のページ [attribute$=value]
- 返回上一层 CSS セレクタリファレンスマニュアル