指定された屬性を持つ HTML 要素のスタイルを設(shè)定します。

class 屬性や id 屬性だけでなく、指定した屬性を持つ HTML 要素のスタイルを設(shè)定できます。

注: IE7 および IE8 は、!DOCTYPE が指定されている場合にのみ屬性セレクターをサポートします。 IE6 以前では、屬性の選択はサポートされていません。

屬性セレクター

次の例は、title 屬性を持つすべての要素をスタイルします:

[title]{color:red;}

屬性と値のセレクター

次の例は、title="php" を持つすべての要素をスタイルします。

屬性および値セレクター - 複數(shù)の値

次の例では、指定された値を持つ title 屬性を含むすべての要素のスタイルを設(shè)定します。スペースで區(qū)切られた屬性値に適用されます:

[title=php]{border:5px solid blue;}

次の例では、指定された値を含む lang 屬性を持つすべての要素のスタイルを設(shè)定します。ハイフンで區(qū)切られた屬性値に適用されます:

[title~=hello] { color:red; }

屬性セレクターは、クラスまたは ID なしでフォームをスタイル設(shè)定する場合に特に役立ちます:

[lang|=en] { color:red; }