Cho đoạn mã HTML và CSS sau: .tieude{color: yellow; font-weight: bold;} #tieude{color: red; font-style: italic;} Tin học 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?

Màu vàng, in đậm và không nghiêng.

Màu đỏ, in nghiêng và không đậm.

Màu vàng, in đậm và nghiêng.

Cho đoạn mã HTML và CSS sau: <html> <head>… – Đáp án Câu 8 Phần I, Tin học 2026

Câu 8 Phần I · Đề chính thức Tin học 2026 (Bộ GD&ĐT) – mã đề 0501

Tin học 2026 · Có lời giải chi tiết

Câu 8.

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 đậm và nghiêng.
Đáp án
C.
Màu đỏ, in nghiêng và không đậm.
D.
Màu vàng, in đậm và nghiêng.

Lời giải

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 B.