Webdesign mit (X)HTML und CSS

id-Selektor

Mit dem id-Selektor wird das Element im Dokument angesprochen, dem eine bestimmte id zugewiesen wurde.

Der id-Selektor wird durch eine »Raute« # eingeleitet.

1. #head {
2. background-color:red;
3. }

Ein Element mit id="head" (z.B. <div id="head">) erhält eine rote Hintergrundfarbe.

class-Selektor

Mit dem class-Selektor werden alle Elemente im Dokument angesprochen, denen eine bestimmte class zugewiesen wurde.

Der class-Selektor wird durch einen . eingeleitet.

1. .intro {
2. color:blue;
3. }

Alle Elemente mit class="intro" (z.B. <p class="intro">, <h3 class="intro">) erhalten eine blaue Vordergrundfarbe.