CSS3 [属性^=値] selector_html/css_WEB-ITnose

定義と使用法

[attribute^=value] セレクターは、属性値が指定された値で始まる要素と一致します。

ブラウザのサポート

すべての主要なブラウザは [attribute^=value] セレクターをサポートしています。

注: [attribute^=value] は IE8 で実行され、 を宣言する必要があります

例

class 属性値が「test」で始まるすべての div 要素の背景色を設定します。

div[class^="test"]{background:#ffff00;}

オンラインで実行する

関連資料:

CSS リファレンスマニュアル

CSS セレクター

CSS チュートリアル