[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック | コリス

古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？ CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニックを紹介します。 Using Feature Detection, Conditionals, and Groups with Selectors 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい機能を使用する時 新しい機能の検出が必要な時 条件セレクタのサポート @supportsに対応するセレクタ セレクタの基本的なプロパティのグループ セレクタによる条件分岐の効果的な使い方 このテクニックを使用するポイントと注意点 CSSの新しい機能を使用する時 CSSは、新しい機能をスムーズに追加できるよう設計されてい

[coliss]

CSSのセレクタだけを使用して、古いブラウザ用とモダンブラウザ用にスタイルシートを条件分岐させるテクニック

[cartman0]

@supportはセレクタ内に書けないと意味ない気が

[kathew]

便利だけど複雑化を招きそう。実運用面では、やはりそのプロパティを採用するかどうかから決定していきたい