Câu 12.
Cho đoạn mã HTML và CSS sau:
<html> <head> <style> .tieude{color: yellow; font-weight: bold;}
#tieude{color: red; font-style: italic;}
</style> </head> <body> <h2 id="tieude" class="tieude">Tin học</h2> </body> </html>Khi thực hiện đoạn mã trên, dòng chữ “Tin học” sẽ được hiển thị trên trình duyệt theo định dạng nào dưới đây?
- A.
Màu vàng, in đậm và không nghiêng.
- B.
Màu đỏ, in nghiêng và không đậm.
- C.
Màu vàng, in đậm và nghiêng.
- D.(Đáp án đúng)
Màu đỏ, in đậm và nghiêng.
Lời giải
Đáp án đúng: D.
Thẻ h2 vừa có id="tieude" vừa có class="tieude". Bộ chọn id có mức ưu tiên cao hơn bộ chọn lớp nên màu chữ là đỏ (red). Thuộc tính font-weight: bold của lớp không bị ghi đè nên vẫn đậm; font-style: italic của id làm chữ nghiêng. Kết quả: màu đỏ, in đậm và nghiêng. Chọn D.