Để định dạng liên kết có màu trắng (#f£) với màu nền đỏ (reeee) khi
người dùng nháy chuột vào, cách khai báo nào sau đây là chính xác?
Lời giải chi tiết
Để giải bài tập này, chúng ta sẽ phân tích từng phương án để tìm ra phương án chính xác dựa trên yêu cầu định dạng liên kết với màu nền đỏ và màu văn bản trắng khi người dùng nháy chuột vào.
a:hover dùng để định dạng khi chuột chỉ di chuyển qua liên kết, không phải khi nháy chuột vào.background: #0000; không phải mã màu hợp lệ.color: #fff; là màu trắng, chính xác với yêu cầu màu sắc văn bản.=> Sai, vì không đáp ứng yêu cầu định dạng khi nháy chuột và mã màu nền không hợp lệ.
a:active là trạng thái khi vừa nháy chuột vào liên kết, chính xác như yêu cầu của đề bài.background: #f0000; không phải mã màu đỏ hợp lệ.color: #£; không phải mã màu hợp lệ cho màu trắng.=> Sai, vì các mã màu không hợp lệ.
a:focus được sử dụng khi phần tử có tiêu điểm, không phải trạng thái nháy chuột vào.background: #ff0000; là mã màu đỏ chính xác.color: #ff; không phải mã màu trắng hợp lệ.=> Sai, vì trạng thái không phù hợp và mã màu trắng không hợp lệ.
a:visited dùng để định dạng các liên kết đã được truy cập, không phải khi nháy chuột vào.background: #f0000; không phải mã màu nền đỏ hợp lệ.color: #£; không phải mã màu hợp lệ cho màu trắng.=> Sai, vì các mã màu không hợp lệ và trạng thái không phù hợp.
Sau khi phân tích, không có phương án nào hoàn toàn chính xác do lỗi mã màu và trạng thái không phù hợp. Phương án gần đúng về mặt trạng thái cần định dạng là B. Tuy nhiên, để đáp ứng đầy đủ yêu cầu, nên chọn mã màu chính xác như sau:
a:active cho trạng thái nháy chuột vào,#ff0000 và màu trắng là #ffffff để đảm bảo mã màu hợp lệ.Chú ý khi giải
:hover, :active, :focus, :visited để áp dụng đúng yêu cầu đề bài.#ff0000 cho màu nền đỏ và #ffffff cho màu trắng.