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 đặc biệt; CSS giải quyết xung đột theo một chuỗi mức ưu tiên xác định.
Hiểu bài
Pseudo-class mô tả trạng thái đặc biệt, chẳng hạn :link, :visited, :hover; pseudo-element chọn một phần của đối tượng như ::first-line, ::first-letter, ::selection. Khi nhiều quy tắc cùng áp dụng, sách xếp ưu tiên từ cao xuống: khai báo !important; CSS trực tiếp; CSS theo kích thước thiết bị; trọng số CSS; quy tắc xuất hiện sau khi 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%;} } điều chỉnh cỡ chữ theo màn hình.