Baukasten-System

Selektoren Pakete

Diese Selektoren können kombiniert werden, um möglichst präzise «Rule-Sets» zu deklarieren.

So kann im CSS unterschiedliche Styles zu unterschiedlichen Kombinationen von Selektor-Pakete definiert werden.

Einem Baukasten System gleich, können nun die HTML-Elemente mit Klassen, Pseudo-Klassen (States) oder IDs kombiniert werden.

Diese Selektoren werden im HTML unter dem class Attribute kombiniert (class = "teaser-box hero specialbox"). Aber auch im CSS selbst können Bedingungen geschaffen werden, unter welchen Umständen, welches Rule-Set zum Einsatz kommt.

Anatomie einer CSS Regel. Die Class ist der Selector und in den {} befindet sich die Deklaration von Property (Fähigkeit) und Value (Wert).
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

HTML & CSS Einführung für Designer:innen