CSS: The Definitive Guide, 5. Auflage

Kapitel 21. CSS At-Regeln

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

In den letzten 20 Kapiteln haben wir die Eigenschaften, Werte und Selektoren kennengelernt, die kombiniert werden können, um CSS-Regeln zu erstellen. Diese Regeln können wir als normale Regeln bezeichnen, und sie sind mächtig, aber manchmal ist mehr nötig. Manchmal muss es eine Möglichkeit geben, bestimmte Stile in bedingten Blöcken zu kapseln, so dass Stile bei bestimmten Seitenbreiten oder nur dann angewendet werden können, wenn ein bestimmtes CSS-Merkmal von dem Browser, der das Stylesheet verarbeitet, erkannt wird.

Diese sind fast immer in at-Regeln eingeschlossen, die so heißen, weil sie mit einem at-Symbol (@) beginnen. Einige davon hast du bereits in früheren Kapiteln kennengelernt, z. B. @font-face und @counter-style, aber es gibt noch mehr, die nicht so eng an bestimmte Stylings gebunden sind. In diesem Kapitel werden die drei mächtigen at-Regeln @media, @container und @supports vorgestellt.

Medienabfragen

Dank der in HTML und CSS definierten Mechanismen, den sogenannten Media-Queries, kannst du jeden Satz von Stilen (einschließlich ganzer Stylesheets) auf ein bestimmtes Medium, wie z. B. Bildschirm oder Druck, und auf einen bestimmten Satz von Medienbedingungen beschränken. Diese Mechanismen ermöglichen es dir, eine Kombination aus Medientypen und Bedingungen wie Anzeigegröße oder Farbtiefe zu definieren, um ...