CSS 条件規則モジュール レベル 4

1. はじめに

レベル3の機能は、まだ [css-conditional-3] で定義されており、ここにはまだコピーされていません。

このレベルでは、@supports 規則への拡張が追加され、 サポートされているセレクターをテストできるようになりました。

2. @supports 規則への拡張

この仕様のレベルでは、<supports-feature> 構文を以下のように拡張します：

<supports-feature> = <supports-selector-fn> | <supports-decl>
<supports-selector-fn> = selector( <complex-selector> )

<supports-selector-fn>

関数の引数として与えられたセレクターをUAがサポートする場合、結果は true になります。

@supports selector(col || td) {
  col.selected || td {
    background: tan;
  }
}

条件付きグループ規則で使用される名前空間プレフィックスは宣言されていなければならず、 そうでない場合は無効です [css-conditional-3]。 これは selector 関数内の名前空間プレフィックスも含みます。

@supports selector(a[xlink|href]) {
  // 何かをする, しかし失敗する
}

@namespace x url(http://www.w3.org/1999/xlink);
@supports selector(a[x|href]) {
  // 何かをする
}

2.1. サポート定義への拡張

CSSプロセッサは、すべての側面（再帰的に）を受理し（構文のいずれかが未知または無効と見なされるのではなく）、 かつセレクターが未知の -webkit- 疑似要素を含まない場合、 そのCSSセレクターをサポートすると見なされます。

注: 一部の機能的セレクターは寛容にパースされます。つまり、一部の引数が未知/無効であっても、 セレクター自体は無効化されません。 それでもサポートされていません。

セキュリティに関する考慮事項

この文書に関してセキュリティの問題は報告されていません。

プライバシーに関する考慮事項

selector() 関数は、ユーザーのソフトウェアのバージョンや、 特定の機能を有効または無効にする非デフォルト設定で動作しているかどうかなどの情報を提供する可能性があります。

この情報は他のAPI経由でも取得できます。 しかし、本仕様の機能はウェブ上でその情報が公開される手段のひとつです。

この情報は集計すると、ユーザーのフィンガープリント精度を向上させることにも利用され得ます。

謝辞

編集者は、このモジュールの前のレベルに貢献したすべての方々に感謝します。

変更点

2022年2月17日候補勧告スナップショット以降の変更点

• セレクターの未知もしくは無効な部分がセレクター自体を無効化しない場合でも、セレクターはサポートされていないとみなされることを明確化しました。

2020年3月3日初公開ワーキングドラフト以降の変更点

• プライバシーおよびセキュリティセクションを追加
• いくつかの例を追加
• 名前空間プレフィックスの宣言要件が selector() 内のセレクターにも適用されることを明確化（Issue 3220）

レベル3以降の追加点

• supports queries に selector() 記法を追加しました。