CSS [属性=値]セレクター
例
<a>要素をtarget = "_ blank"でスタイル設定します:
a[target=_blank]
{
background-color: yellow;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
[属性=値]セレクターは、指定された属性と値を持つ要素を選択するために使用されます。
バージョン: | CSS2 |
---|
ブラウザのサポート
表の数字は、セレクターを完全にサポートする最初のブラウザーのバージョンを示しています。
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS構文
[attribute = value] {
css declarations;
}
その他の例
例
<input type = "text">にフォーカスが移ったら、幅を100pxから250pxに徐々に変更します。
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
関連ページ
CSSチュートリアル:CSS属性セレクター