CSSの:has()で要素の個数に応じてスタイルを適用する

記事一覧や商品一覧など、要素の個数によって CSS を変えたいときに使えるテクニックです。目新しいテクニックではないですが、:has() セレクタで書き直したものになります。 要素の個数が N 個以上 N 番目の要素 :nth-child(N) を直下 > に持つ :has() <ul> 要素があれば、N 個以上と判定できます。