ID-Selektoren

In einem HTML Dokument matchen CSS ID-Selektoren ein Element basierend auf den Inhalten des id Attributs des Elements, welches exakt dem Wert des angegebenen Selektors entsprechen muss.

Syntax

#id_value { Stileigenschaften }

Beachte, dass dies äquivalent zu folgendem attributselektor ist:

[id=id_value] { Stileigenschaften }

Beispiel

span#identified {
  background-color: DodgerBlue;
}
<span id="identified">Hier ist ein Span mit Text.</span>
<span>Hier ist ein weiterer.</span>

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von 'ID selectors' in dieser Spezifikation.
Arbeitsentwurf  
Selectors Level 3
Die Definition von 'ID selectors' in dieser Spezifikation.
Empfehlung  
CSS Level 2 (Revision 1)
Die Definition von 'ID selectors' in dieser Spezifikation.
Empfehlung  
CSS Level 1
Die Definition von 'ID selectors' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung (Ja) (Ja) (Ja) (Ja) (Ja)
Merkmal Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? ? ? ? ?

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz
 Zuletzt aktualisiert von: Sebastianz,