Đề bài: [Thiết kế Web] Ba tầng ưu tiên chồng chéo

Phần tử <p id="notice" class="notice" style="color: black;">...</p> có tới 3 tầng ưu tiên chồng lên nhau: inline style (color: black), và rule #notice dùng !important (color: #f59e0b, màu cam).

Vì !important luôn thắng inline style thông thường (không !important), đoạn văn đang hiển thị màu cam.

Viết CSS trong style.css để đổi màu chữ thành xanh lá đậm (#15803d). Yêu cầu: vì rule có sẵn dùng ID và !important, bạn phải viết một selector có specificity CAO HƠN #notice (ví dụ kết hợp thêm class: #notice.notice) VÀ dùng !important, để đảm bảo thắng bất kể thứ tự trong tài liệu.