CSS bedingte Regeln

Das Modul CSS bedingte Regeln definiert CSS-Medien- und Unterstützungsabfragen, mit denen Sie Stile definieren können, die nur angewendet werden, wenn bestimmte Bedingungen erfüllt sind. Die in diesem Modul definierten bedingten Regeln basieren auf Geräte-, Benutzeragenten- und Viewport-Funktionen. Mit bedingten Regeln können Sie CSS-Stile basierend auf Abfragewerten oder Browser- und Gerätefunktionen gezielt anwenden, unabhängig von dem Dokument, das gerendert wird.

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

CSS-bedingte Regeln umfassen jetzt Funktionsabfragen; 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-bedingte Regel-Modul erweitert auch @media, um das Verschachteln von At-Regeln zu ermöglichen, wobei das verwandte CSS-Medienabfragen-Modul nicht verwendete Medientypen entfernt und viele Medienfunktionen und Bedingungen hinzufügt, die gezielt werden können.

Das CSS-Containerabfragen-Modul definiert ähnliche bedingte Regeln, die jedoch auf dem übergeordneten Element und nicht auf dem Viewport basieren.

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