Các mức ưu tiên của bộ chọn
Tóm tắt
Pseudo-class và pseudo-element chọn trạng thái hoặc phần nội dung; quy tắc ưu tiên quyết định định dạng CSS cuối cùng.
Hiểu bài
Bộ chọn giả và mức ưu tiên CSS
Pseudo-class mô tả trạng thái đặc biệt của phần tử: :link cho liên kết chưa kích hoạt, :visited cho liên kết đã truy cập và :hover khi con trỏ ở trên phần tử. Pseudo-element chọn một phần nội dung, chẳng hạn ::first-line, ::first-letter và ::selection. Khi nhiều quy tắc cùng áp dụng, CSS xét mức ưu tiên. Theo bảng bài học, khai báo có !important được ưu tiên cao; tiếp theo cần xét CSS trực tiếp, quy tắc theo thiết bị, trọng số bộ chọn, thứ tự xuất hiện, kế thừa và cuối cùng là mặc định trình duyệt. Nếu nhiều quy tắc có cùng trọng số, quy tắc xuất hiện sau được áp dụng.
Thứ tự các mức ưu tiên khi áp dụng CSS SGK trang 100