Khi nhiều rule cùng nhắm vào một phần tử, specificity quyết định rule nào thắng. Nó là một điểm số được tính từ các thành phần của selector, được so sánh dưới dạng bộ ba (ids, classes, elements).
text
Inline style → 1,0,0,0 (cao nhất, trừ khi có !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 (không có trọng số)
So sánh từ trái sang phải; cột đầu tiên khác nhau sẽ quyết định người thắng.
css
{ : red; }
{ : blue; }