Đề bài: [Thiết kế Web] Pseudo-class trên ID

Cần ôn lý thuyết? Đọc bài giảng Buổi 6: CSS (1): cú pháp, cách nhúng và bộ chọn — khóa Thiết kế Web

Liên kết <a id="cta" class="cta-link">...</a> đang có chữ trắng, nền đỏ (#ef4444) theo rule #cta.

Viết CSS trong style.css dùng selector #cta:hover (kết hợp ID với pseudo-class :hover, specificity cao hơn #cta đơn lẻ) để khi rê chuột vào, nền đổi thành xanh lá (#16a34a).

Vì specificity của #cta:hover vốn đã cao hơn #cta, không cần dùng !important.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra