https://coliss.com/articles/build-websites/operation/css/css-snippets-in-2024.html

2024年の実装に役立つCSSの新機能とその使い方を紹介します。セレクタを条件式のように記述できる:has()、複数のカード内でテキストを揃えられるsubgrid、CSS内でネストを使用できるCSSネスト、レスポンシブ対応のコンポーネントに役立つコンテナクエリ単位など、次のプロジェクトに役立つCSSがたくさんあります。

コリス

• :has()疑似クラス（そのポテンシャルは親セレクタ以上）
• subgridでカード内のテキストを簡単に揃えることができる
• CSSでネストをする
• 見出しテキストの折り返しのバランスをブラウザに任せる
• コンテナクエリ単位