Πώς υπολογίζεται η ειδικότητα CSS;

Όταν πολλοί κανόνες στοχεύουν το ίδιο στοιχείο, η ειδικότητα (specificity) αποφασίζει ποιος κανόνας ισχύει. Είναι μια βαθμολογία που υπολογίζεται από τα μέρη του selector, συγκρινόμενη ως μια tuple (ids, classes, elements).

Inline style   → 1,0,0,0  (highest, short of !important)
ID             → 0,1,0,0
Class / attr / pseudo-class → 0,0,1,0
Element / pseudo-element    → 0,0,0,1
Universal (*)  → 0,0,0,0  (no weight)

Συγκρίνετε από αριστερά προς δεξιά. η πρώτη στήλη που διαφέρει αποφασίζει τον νικητή.

     { : red; }   
    { : blue; }