`:last-of-type` の深淵:なぜ「ただの末尾指定」以上の価値があるのか
CSSを書いていると、必ず直面する壁がある。「リストの最後だけボーダーを消したい」「最後の要素だけ余白をゼロにしたい」といった、いわゆる“末尾の処理”だ。
多くの駆け出しエンジニアはここで安易に `:last-child` に手を出す。だが、現場で複雑なDOM構造と戦っている君なら知っているはずだ。`:last-child` は「親要素内の物理的に最後の要素」しか見ていない。もしその直後に `
` タグや `
CSSCSSを書いていると、必ず直面する壁がある。「リストの最後だけボーダーを消したい」「最後の要素だけ余白をゼロにしたい」といった、いわゆる“末尾の処理”だ。
多くの駆け出しエンジニアはここで安易に `:last-child` に手を出す。だが、現場で複雑なDOM構造と戦っている君なら知っているはずだ。`:last-child` は「親要素内の物理的に最後の要素」しか見ていない。もしその直後に `
` タグや `
コメント