2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

属性セレクタの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.属性セレクタとは?

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




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

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

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

・・・

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

・・・

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

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




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です