Spezifizierung

Eigenschaften werden referenzierten (spezifizierten) Elementen direkt zugewiesen, Vererbungen werden überschrieben.

 

/* Universalselektor, gilt für alle Elemente (überschreibt entsprechende Eigenschaften im Browser-Stylesheet) */

* {color:blue;}

 

/* Element-Selektor gilt für alle h2-Elemente (überschreibt Universalselektor) */

h2 {color: red;}

 

/* Klassen-Selektor, gilt für alle Elemente der Klasse .farbe1 (überschreibt Element-Selektor) */

.farbe1 {color:lime;}

 

/* ID-Selektor, gilt für alle Elemente der ID .farbe2 (überschreibt Klassen-Selektor) */

#farbe2 {color:pink;}

 

/* Kombinator, gilt nur für die Elemente in den angegebenen DOM-Pfaden (überschreibt frühere Eigenschaften) */

section h2.farbe1 {color:darkblue;}

 

Beispiele

Überschrift h2

Überschrift h2 der Klasse .farbe1

Überschrift h2 der Klasse .farbe1 und der ID farbe2

Überschrift h2 der Klasse .farbe1 innerhalb eines section-Elements