CSS属性セレクタ2024 年の最新の入門チュートリアル。このコースでは 特定の属性を持つHTMLスタイル要素,属性セレクタ,例,属性と値のセレクタ,例,[プロパティ]を選択し、値 - より多くの価値,例,例,フォームのスタイル,例, について学習できます。

CSS属性セレクタ

特定の属性を持つHTMLスタイル要素

HTML要素のスタイルは、特定のプロパティを持つだけのクラスとIDではありません。

注意:! IE7とIE8のDOCTYPE宣言が唯一の属性セレクタをサポートする必要が!IE6以前のバージョンでは、属性セレクタをサポートしていません。


属性セレクタ

次の例では、青になるタイトル(タイトル)のすべての要素を含むことになります。

[タイトル] { 色:ブルー ;}

»をお試しください


属性と値のセレクタ

次の例では、= 'w3big'要素タイトルタイトル境界線スタイルを変更します。

[タイトル = w3big] { 国境:5ピクセル 固体 グリーン ;}

»をお試しください


[プロパティ]を選択し、値 - より多くの価値

:プロパティと値を分離する - を()ここで、スタイル要素のtitle属性の例は、使用しての値を指定で

[タイトル 〜=ハロー] { 色:ブルー ;}

»をお試しください

(|)ここで、スタイル要素のlang属性の例は、使用しての値を指定している属性と値を分離します:

[ラング | =アン] { 色:ブルー ;}

»をお試しください


フォームのスタイル

クラスまたはIDの形式を使用せずにセレクタのスタイル属性:

入力 [タイプ= "テキスト"] { 幅:150ピクセル ;表示:ブロック ;マージン底:10ピクセル ;背景色:黄色 ;} 入力 [タイプ= "ボタン"] { 幅:120ピクセル ;マージン左:35ピクセル ;表示:ブロック ;}

»をお試しください
CSS属性セレクタ
10/30