CSS-Bedingungsregeln

Das CSS-Bedingungsregeln-Modul definiert CSS-Medien- und Unterstützungsabfragen, die es Ihnen ermöglichen, Stile nur dann anzuwenden, wenn bestimmte Bedingungen erfüllt sind. Die in diesem Modul definierten Bedingungsregeln basieren auf Geräte-, Benutzeragenten- und Anzeigeerweiterungen. Mit Bedingungsregeln können Sie CSS-Stile basierend auf Abfragewerten oder Browser- und Gerätefunktionen unabhängig vom darzustellenden Dokument anvisieren.

Die ersten CSS-Bedingungsregeln waren Medientypen, die das beabsichtigte Zielmedium für die verknüpften Stile angaben, zum Beispiel screen oder print. Diese wurden als Wert der media-Attribute der HTML-<link>- und <style>-Elemente oder als kommagetrennte Liste von Medientypen innerhalb einer @import-Anweisung oder At-Regel festgelegt. Die Möglichkeit, CSS-Regeln bedingt anzuwenden, wurde seit den Implementierungen von CSS 2.1 und HTML 4.01, die sich auf wenige Medientypen beschränkten, erheblich erweitert.

CSS-Bedingungsregeln umfassen jetzt Feature-Abfragen; die @supports-At-Regel ermöglicht es, CSS-Stile basierend auf den CSS-Fähigkeiten eines Benutzeragenten anzuwenden. Zusätzliche Bedingungen umfassen, welche Selektoren, Schriftformate und Schrifttechnologien unterstützt werden.

Das CSS-Bedingungsregeln-Modul erweitert auch @media, um die Verschachtelung von At-Regeln zu ermöglichen, wobei das verwandte CSS Media Queries-Modul unbenutzte Medientypen entfernt und viele Medienfeatures und Bedingungen hinzufügt, die gezielt werden können.

Das CSS Container Queries-Modul definiert ähnliche Bedingungsregeln, jedoch basierend auf dem Elternelement eines Elements anstelle des Ansichtsfensters.

Es gibt Pläne, mögliche Abfragen weiter zu erweitern, indem die allgemeine Bedingungsregel @when und die verkettete Bedingungsregel @else hinzugefügt werden. Diese beiden At-Regeln werden derzeit noch nicht unterstützt.