CSS-Bedingungsregeln

Das CSS-Bedingungsregeln-Modul definiert CSS-Medien- und Support-Abfragen und ermöglicht es Ihnen, Stile zu definieren, die nur angewendet werden, wenn bestimmte Bedingungen erfüllt sind. Die in diesem Modul definierten Bedingungsregeln basieren auf Geräte-, Benutzeragent- und Viewport-Fähigkeiten. Mit Bedingungsregeln können Sie CSS-Stile basierend auf Abfragewerten oder Browser- und Gerätefunktionen anwenden, unabhängig von dem Dokument, das gerendert wird.

Die ersten CSS-Bedingungsregeln waren Medientypen, die das vorgesehene Zielmedium für die verknüpften Stile spezifizierten, zum Beispiel screen oder print. Diese wurden als Wert der HTML <link> und <style> Elemente media-Attribute oder als eine durch Kommas getrennte Liste von Medientypen innerhalb einer @import Erklärung oder at-rule festgelegt. Die Möglichkeit, CSS-Regeln bedingt anzuwenden, wurde seit der CSS 2.1 und HTML 4.01 Implementierung, die bedingte Abfragen auf wenige Medientypen beschränkte, stark erweitert.

CSS-Bedingungsregeln beinhalten jetzt Feature-Abfragen; die @supports at-rule ermöglicht das Anzielen von CSS-Stilen basierend auf den CSS-Fähigkeiten eines Benutzeragenten. Zusätzliche Bedingungen beinhalten, welche Selektoren, Schriftformate und Schrifttechnologien unterstützt werden.

Das CSS-Bedingungsregeln-Modul erweitert auch @media, um das Verschachteln von at-rules zu ermöglichen, wobei das verwandte CSS-Medienabfragen Modul ungenutzte Medientypen entfernt und viele Medien-Features und Bedingungen hinzufügt, die gezielt angesprochen werden können.

Das CSS-Containerabfragen-Modul definiert ähnliche Bedingungsregeln, jedoch basierend auf dem übergeordneten Element und nicht auf dem Viewport.

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