Giải quyết vấn đề với sự trợ giúp của máy tính

Các mức ưu tiên của bộ chọn

Hiểu cách trình duyệt quyết định quy tắc CSS nào sẽ được áp dụng khi có sự xung đột giữa các bộ chọn.

🔴 Khó 50 phút

Độ ưu tiên trong CSS

1 Thứ tự ưu tiên cơ bản

1. !important (cao nhất). 2. Inline style. 3. ID. 4. Class/Attribute/Pseudo-class. 5. Element (thẻ).

2 Quy tắc nguồn gốc

Nếu hai bộ chọn có cùng độ ưu tiên, quy tắc nào được viết sau (nằm dưới cùng) sẽ được áp dụng.

3 Bộ chọn kết hợp

Điểm ưu tiên được cộng dồn dựa trên số lượng ID, Class và Thẻ có trong bộ chọn đó.

Các bài học trong chương: Giải quyết vấn đề với sự trợ giúp của máy tính