CSS: The Definitive Guide, 5. Auflage

Kapitel 2. Selektoren

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

Einer der wichtigsten Vorteile von CSS ist die Möglichkeit, eine Reihe von Stilen ganz einfach auf alle Elemente desselben Typs anzuwenden. Unbeeindruckt? Überleg mal: Mit einer einzigen CSS-Zeile kannst du die Farben all deiner Überschriften ändern. Gefällt dir das Blau nicht, das du verwendest? Ändere diese eine Codezeile und sie können alle lila, gelb, kastanienbraun oder jede andere Farbe haben, die du möchtest.

Dank dieser Funktion kannst du dich als Autor auf das Design und die Benutzerfreundlichkeit konzentrieren, anstatt mühsam zu suchen und zu ersetzen. Wenn du das nächste Mal in einer Besprechung sitzt und jemand die Überschriften in einem anderen Grünton sehen möchte, bearbeite einfach deinen Stil und drücke auf Neu laden. Voilà! Das Ergebnis ist in Sekundenschnelle fertig und kann von allen gesehen werden.

Grundlegende Stilregeln

Wie schon sagte, ist ein zentrales Merkmal von CSS die Möglichkeit, bestimmte Regeln auf eine ganze Reihe von Elementtypen in einem Dokument anzuwenden. Nehmen wir zum Beispiel an, dass du den Text aller <h2> Elemente grau erscheinen lassen willst. Bevor es CSS gab, musstest du dazu <font color="gray">...</font> Tags in alle <h2> Elemente einfügen. Wenn du Inline-Stile mit dem Attribut style anwendest, was ebenfalls eine schlechte Praxis ist, müsstest du style="color: gray;" in alle