【CSS】セレクタを入れ子にする書き方

CSSでセレクタを入れ子にすることは、親セレクタに対して、特定の子セレクタのスタイルを適用することができます。具体的には、親セレクタの中に子セレクタを書き込んで、子セレクタにスタイルを適用することで実現します。

例えば、HTMLのbodyタグの中にあるpタグに、特定のスタイルを適用する場合は、以下のように書きます。

body p {
    /* pタグに対するスタイル */
}

これは、bodyタグの中のpタグにスタイルを適用することを意味します。

また、複数の子セレクタを指定したい場合は、カンマで区切って書くこともできます。例えば、bodyタグの中にあるpタグとaタグに、特定のスタイルを適用する場合は、以下のように書きます。

body p, body a {
    /* pタグとaタグに対するスタイル */
}

これは、bodyタグの中のpタグとaタグにスタイルを適用することを意味します。

このように、セレクタを入れ子にすることで、HTMLの要素構造に沿ったスタイルを適用することができます。