Các mức ưu tiên của bộ chọn
Tóm tắt
Bài học kết hợp pseudo-class, pseudo-element và quy tắc xác định định dạng CSS được ưu tiên.
Hiểu bài
Bộ chọn đặc biệt và thứ tự ưu tiên CSS
Pseudo-class mô tả trạng thái đặc biệt: :link cho liên kết chưa kích hoạt, :visited cho liên kết đã truy cập, :hover khi con trỏ nằm trên đối tượng. Pseudo-element chọn một phần đặc biệt như ::first-line, ::first-letter hoặc ::selection. Khi nhiều quy tắc cùng áp dụng, bài nêu thứ tự: !important; CSS trực tiếp trong thuộc tính style; quy tắc liên quan thiết bị; trọng số bộ chọn; quy tắc xuất hiện sau nếu trọng số bằng nhau; kế thừa từ phần tử cha; cuối cùng là mặc định trình duyệt. Ví dụ @media only screen and (max-width: 600px) { body {font-size: 150%;} } thay đổi cỡ chữ theo màn hình.
Bảng thứ tự ưu tiên khi áp dụng CSS SGK trang 99