HTML und CSS · Junior · Frage 16 von 75
Beide Selektoren setzen color auf denselben Link. Wer gewinnt: #nav a oder .menu .item a.link?
- 1
#nav a- eine einzige ID wiegt beliebig viele Klassen auf - 2
.menu .item a.link- mehr Selektoren, also spezifischer - 3Was später in der CSS-Datei steht: Reihenfolge schlägt Spezifität
Antwort zeigen
Richtige Antwort: #nav a - eine einzige ID wiegt beliebig viele Klassen auf
Erklärung
Spezifität wird Spalte für Spalte verglichen (IDs, Klassen/Attribute/Pseudoklassen, Typen): #nav a = (1,0,1), .menu .item a.link = (0,3,1). Die erste Spalte zählt am meisten, also gewinnt die ID. Die Reihenfolge im Quelltext entscheidet nur bei gleicher Spezifität.