CSS-Bedingungsregeln

Das CSS-Bedingungsregeln-Modul definiert CSS-Medien- und unterstützende Abfragen, die es Ihnen ermöglichen, Styles festzulegen, die nur angewendet werden, wenn bestimmte Bedingungen erfüllt sind. Die im Modul definierten bedingten Regeln basieren auf den Fähigkeiten von Gerät, Benutzeragent und Ansichtsfenster. Mit bedingten Regeln können Sie CSS-Styles basierend auf Abfragewerten oder auf Browser- und Gerätefunktionen anwenden, unabhängig von dem Dokument, das gerendert wird.

Die ersten CSS-Bedingungsregeln waren Medientypen, die das beabsichtigte Zielmedium für die verknüpften Styles spezifizierten, zum Beispiel screen oder print. Diese wurden als Wert der HTML <link> und <style> Elemente media Attribute oder als kommagetrennte Liste von Medientypen innerhalb eines @import Statements oder At-Regeln festgelegt. Die Fähigkeit, CSS-Regeln bedingt anzuwenden, wurde seit den Implementierungen von CSS 2.1 und HTML 4.01, die bedingte Abfragen auf wenige Medientypen beschränkten, erheblich erweitert.

CSS-Bedingungsregeln umfassen jetzt Funktionsabfragen; die @supports At-Regel ermöglicht die Zielsetzung von CSS-Styles basierend auf den CSS-Fähigkeiten eines Benutzeragenten. Zusätzliche Bedingungen umfassen, welche Selektoren, Schriftartenformate und Schriftartentechnologien unterstützt werden.

Das CSS-Bedingungsregeln-Modul erweitert auch @media, um das Schachteln von At-Regeln zu ermöglichen. Das verwandte CSS-Medienabfragen Modul entfernt nicht benötigte Medientypen und fügt viele Medieneigenschaften und -bedingungen hinzu, die gezielt verwendet werden können.

Das CSS-Containerabfragen-Modul definiert ähnliche bedingte Regeln, basierend jedoch auf dem übergeordneten Element statt dem Ansichtsfenster.

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