LU03c - Selektoren für Elemente

<form id="loginform">
  ...
</form>

#loginform {
  background-color: #f0f0f0;
}

Das id-Attribut ist ein globales Attribut und kann für jedes HTML-Element verwendet werden. Es gibt einem Element eine eindeutige ID (der Wert muss innerhalb des HTML-Dokuments eindeutig sein). Das id-Attribut wird meist verwendet, um auf eine Formatvorlage in einem Stylesheet zu verweisen, und von JavaScript (über das HTML-DOM), um das Element mit der spezifischen ID zu manipulieren.

<div class="navitem">
  ...
</div>

.navitem {
  color: blue;
} 

Das class-Attribut spezifiziert einen oder mehrere Klassennamen für ein Element. Es wird meist verwendet, um auf eine Klasse in einem Stylesheet zu verweisen. Es kann jedoch auch von einem JavaScript (über das HTML-DOM) verwendet werden, um Änderungen an HTML-Elementen mit einer bestimmten Klasse vorzunehmen.