親要素直下の最初のタグだけスタイルを設定する

タイトル通り。
今回は、entry-content直下の1番目に来るタグにだけmargn-top: 0;を設定。子要素の例えばh1とかデフォルトだと、上下マージンあって、親要素を超えて効いてる。

デザイン上、気にしなくてもOKならそれでいいけど 😀

こんな感じ。entry-contentにはmargin-top: 0;にしてるけど、子要素のpタグにmargin-topがあって、それが効いてる。

.entry-content > *:first-child {
  margin-top: 0;
}

これでOK。
最初、first-of-typeで書いちゃって、直下でなくても効いちゃってた 😅

直下の子要素だけmargin-top: 0;が効いた 😀
*(全称セレクタ)にしたから、どのタグ来てもOK👌

返信を残す

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

CAPTCHA