Đề bài
Nếu một quy tắc CSS được định nghĩa trong nhiều tệp CSS và các tệp này đều được sử dụng bởi một văn bản HTML, quy tắc CSS nào sau đây sẽ được áp dụng cho văn bản HTML đó?
Quy tắc từ tệp CSS đầu tiên.
Quy tắc từ tệp CSS cuối cùng.
Quy tắc từ tệp CSS có độ chi tiết (specificity) cao hơn.
Quy tắc từ tệp CSS có số bộ chọn ít hơn.
Đáp án đúng: B
Xem lời giải
Lời giải chi tiết
Để xác định quy tắc CSS nào sẽ được áp dụng khi một quy tắc được định nghĩa trong nhiều tệp CSS, chúng ta cần hiểu về khái niệm "độ ưu tiên của CSS (CSS specificity)". Độ ưu tiên giúp trình duyệt quyết định quy tắc nào nên được áp dụng khi có xung đột.
Theo thứ tự ưu tiên của CSS:
- Các quy tắc được định nghĩa bởi ID có độ ưu tiên cao hơn Class và Element.
- Các quy tắc có độ cụ thể cao hơn sẽ được áp dụng.
- Nếu các quy tắc có độ cụ thể bằng nhau, quy tắc nào xuất hiện sau sẽ được áp dụng.
Trong trường hợp này, nếu một quy tắc CSS xuất hiện trong nhiều tệp và không có sự khác biệt về độ (specificity), "quy tắc từ tệp CSS cuối cùng sẽ được áp dụng".
Do đó, đáp án đúng là B. Quy tắc từ tệp CSS cuối cùng.
Chú ý khi giải
- Nắm vững nguyên tắc ưu tiên của CSS (specificity) giúp xác định quy tắc nào sẽ được áp dụng.
- CSS từ tệp sau sẽ ghi đè CSS từ tệp trước nếu chúng có cùng độ .
- Luôn kiểm tra sự xung đột của quy tắc trong trường hợp sử dụng nhiều tệp CSS.