[CSS] 属性セレクタで弟要素にスタイルを適用しよう!

1.属性セレクタとは?

属性セレクタは、特定の属性を持つ指定要素を対象にスタイルを適用します。

2.属性セレクタの使い方

それでは属性セレクタの使い方をみていきましょう。

要素名[属性名=”属性値”] で指定すると、そのタイプの要素のうち、指定した属性と属性値を持つ要素にのみスタイルが適用されます。

・・・

<input type="submit" value="送信する">

・・・

以下のようにすることで、type属性の値に submit が指定されたinput要素（送信ボタン）にのみ、スタイルが適用されることになります。

input[type="submit"] {
 font-weight: bold;
 color: red;
}