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]) {
  // do something, but fail
  }
}

@namespace x url(http://www.w3.org/1999/xlink);
@supports selector(a[x|href]) {
  // do something
  }
}

2.1. サポート定義の拡張

CSSプロセッサは、セレクターをパースエラーとして破棄せずに受理し、そのセレクターが未知の-webkit-疑似要素を含まない場合、CSSセレクターをサポートするとみなされます。

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

本書に対してセキュリティ問題は提起されていません。

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

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

これらの情報は他のAPIからも取得可能です。 ただし、本仕様の機能もWeb上でこの情報が露出する手段のひとつです。

また、この情報は集約されることで、ユーザーのフィンガープリンティングの精度向上にも利用される可能性があります。

謝辞

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

変更履歴

2020年3月3日 初回公開作業草案以降の変更点

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

レベル3以降の追加点

• selector()記法をsupports queriesに追加