CSSの進化が早い！ スタイルクエリ（@container style()）の基礎知識と便利な使い方を解説

コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、これからはメディアクエリからコンテナクエリを使用する機会が増えてくると思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリの基礎知識と便利な使い方を紹介します。 スタイルクエリを使用すると、複数のバリエーションを持つ再利用可能なコンポーネントが簡単に実装できます。 Getting Started with Style Queries by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています CSSのスタイルクエリとは スタイルクエリの使い方 スタイルクエリで実装したUIコンポーネント 1 スタイルクエリで実装したUIコンポーネント

[coliss]

CSS スタイルクエリ（@container style()）の基礎知識と便利な使い方を解説。

[w_bonbon]

CSSってどうもカオスな設計になってきてる気がするし、引き継ぎとか久々の修正依頼来た時に解読する所から始まりそうな嫌な予感がするなぁ

[mayumayu_nimolove]

いつまでもIE6に足引っ張っられてたから進化についていけなくなってる人が多そう

[herakures]

]

[versatile]

CSSを直接書くのはもう勘弁してほしい。AI にやってほしい

[notepc-5522]

新しいCSSを使うと、海外のマニアックなブラウザで見た時に、表示がガタガタになるから要注意。

[ultimatebreak]

IEが進化を妨げていただけなんだ…ただ小さい土台の上に無理やり上に乗せているだけでメチャクチャな感じになってきてるのは否めない

[ducktoon]

変数による条件分けって実質if構文が入ったようなもんか

[in2]

WPテンプレート作る時も、phpとかjqueryじゃなくてcss側で条件分岐しやすくなるということか。

[hhungry]

10年間放置してるサイトのデザインが崩れてきて困ってる

[kachikachi2]

そろそろ詳細度を無効化する魔法の文字列をくれ