WordPress初心者の方も、愛用者の方も、
楽しく学べるフォローサイト!

WP-Master.club ヘッダーロゴ

子セレクタ(子供セレクタ)について

CSSのサンプルを見ていると、「>」というマークをよく見ますよね。

例えば下記のようなものです。

これは、子セレクタ「子どもセレクタ」というもので、

親要素(ここでは#main)の直接の子要素(ここではp)にのみ適用されるというものです。

See the Pen 子セレクタ by okcom (@okcom) on CodePen.

これを取り入れることで、スタイルの打ち消しやセレクタの冗長化を解消し、ワンランク上のCSS表現ができるかと思います。

是非お試し下さい^^