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

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

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




1.子孫セレクタとは?

セレクタを半角スペースで区切ると、 ある要素の下の階層にある子孫要素を対象にスタイルを適用することができます。

ユニバーサルセレクタや属性セレクタなどと組み合わせて使用することも可能です。




2.子孫セレクタの使い方

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

・・・

<p><strong>ここ</strong>が適用されます</p>

・・・
p strong {
 color: blue;
}

上記の例では、p タグ内にある strong 要素を青色に適用しています。

子孫セレクタはよく使用するのでしっかりと覚えておきましょう!




コメントを残す

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