CSS属性セレクタ

特定の属性を持つHTML要素スタイル
特定の属性を持つHTML要素スタイルはclassとidだけではありません.
注意:IE 7とIE 8は宣言する必要があります!DOCTYPEはプロパティセレクタをサポートします!IE 6以降では、属性セレクタはサポートされていません.
属性セレクタ
次の例は、タイトルを含むすべての要素を青にします.

[title]
{
color:blue;
}

属性と値セレクタ
次の例は、タイトルのスタイルをtitle=「phplearn」に変更します.

[title=phplearn]
{
border:5px solid green;
}

属性と値のセレクタ-多値
次に、指定した値を含むtitle属性の要素スタイルの例を示します.(~)を使用して属性と値を区切ります.

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

次に、指定した値を含むlong属性の要素スタイルの例を示します.()を使用して属性と値を区切ります.

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

フォームスタイル
プロパティセレクタスタイルはclassまたはidの形式を使用する必要はありません.

input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}

原文住所:http://www.phplearn.cn/css/css-attribute-selectors.html