すべてのフロントエンド デベロッパーが知っておくべき 5 つの CSS スニペット（2024 年） | Articles | web.dev

すべてのフロントエンド デベロッパーが知っておくべき 5 つの CSS スニペット（2024 年） コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 すべてのフロントエンド デベロッパーは、:has() が「親セレクタ」以上のものであること、subgrid の仕組みと理由、組み込みの CSS 構文でネストする方法、ブラウザで見出しテキストの折り返しのバランスを取る方法、コンテナクエリ ユニットの使用方法について知っておくべきだと思います。 この投稿は、すべてのフロントエンド デベロッパーが知っておくべき昨年 2023 年の 6 つの CSS スニペットの続きです。 CSS:has(.potential-beyond-being-a-parent-selector) :has() は 2023 年末に、すべての主要なブラウザでリリースされました。この新しいセレ

[jay-es]

:has, subgrid, nesting, text-wrap の balance と pretty, コンテナを基準にしたサイズ単位（cqi, cqw など）