CSSの知っておくと便利なフクロウセレクタの使い方！ 要素を積み重ねる時のマージンにかなり便利です

兄弟要素を積み重ねる時、垂直マージンをどのように実装していますか？ 要素を積み重ねる時のマージンは、フクロウセレクタ（* + *）を使うと簡単です。さらに、>を追加することで、マージンが再帰的に与えられるのを防ぎます。たった3行のCSSで積み重ねる時のマージンを管理できる、フクロウセレクタの効果的な使い方を紹介します。 このテクニックは、テキストとテキスト、見出し直後のテキスト、流動的なフォントサイズにも非常に効果的です。 My favourite 3 lines of CSS by Andy Bell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのカスタムプロパティでのフォールバック値の仕組み The Stackではなく.flowを使うのなぜですか？ gapではなく、marginを使うのなぜですか？ 終わり

[coliss]

要素を積み重ねる時のマージンは、フクロウセレクタ（* + *）を使うと簡単。

[otchy210]

ワイルドカードは遅いからなるべく避けましょうみたいなベストプラクティスあったと思うけど、現代ではもう古いのかな？

[sigwyg]

フクロウセレクタ = the (Heydon's) Lobotomised Owl selector

[pirokong-z]

css

[lifeisadog]

「.stackのすべての直接の兄弟要素に」→原文は「every direct sibling child element of .stack 」。間違えてるよ。まあ原文もアレだけど

[barlog]

CSSのカスタムプロパティがいかに強力であるか

[hasiduki]

どっかで読んだのの翻訳！！！！