Die Spezifität berechnen
Mit folgender Methode berechnen Browser Spezifität von Deklarationen:
- Das Style-Attribut, mit dem Formatierungen direkt im HTML-Dokument zugewiesen werden, hat die höchste Priorität; es erhält den Wert 1000 in Spalte a.
- Als nächstes zählt der Browser die ID-Selektoren (also Formate, die mit dem Gartenhag # beginnen). Diese Zahl wird mit 100 multipliziert.
- Die Zahl der Klassenattribute und Pseudoklassen (Klassen mit Doppelpunkt am Anfang, beispielsweise :visited oder :active) zählt zehnfach.
- Die Zahl der Elementnamen und der Pseudoelemente (Elemente mit Doppelpunkt wie :after oder :first-letter) zählt einfach.
Einige Beispiele für Spezifitäten:
| Selektor | a | b | c | d | Spezifität |
| style=»» | 1 | 0 | 0 | 0 | 1000 |
| * | 0 | 0 | 0 | 0 | 0000 |
| p | 0 | 0 | 0 | 1 | 0001 |
| p:first-child | 0 | 0 | 0 | 2 | 0002 |
| div p | 0 | 0 | 0 | 2 | 0002 |
| div p + span | 0 | 0 | 0 | 3 | 0003 |
| div p span.red | 0 | 0 | 1 | 3 | 0013 |
| #name | 0 | 1 | 0 | 0 | 0100 |