CSS おれおれ Advent Calendar 2012 – 09日目

CSSのセレクターっていうと要素、クラス、IDでの選択が一般的で、あとは:hoverとかの疑似クラスがあるような感じですが、加えて「属性セレクター」ってのがありマウス。

属性セレクター?

要素の検索の条件に、その要素が持つ属性を指定するものです。優先順位はクラスセレクターと同じです。

IEは7から利用できます。

「属性」はわかりますか。HTMLの、タグの中に書くやつです。

<input type="text" name="id" value="" maxlength="8" size="8" />

このうちinputが要素名で、type="text", name="id", value="", maxlength="8", size="8"なんてのが属性です。また左側typeが属性名、右側textが属性値です。

属性セレクターの書き方

何パターンかあります。

(さらに…)