Luyện theo chủ đề · Tin học lớp 12

Các mức ưu tiên của bộ chọn

Chương “Giải quyết vấn đề với sự trợ giúp của máy tính”. Các câu thuộc chủ đề này, gom từ mọi đề trên trang, kèm đáp án và lời giải.

3
câu: 3
đề thi

Hiện đáp án và lời giải

Đề chính thức Tin học 2026 (Bộ GD&ĐT) – mã đề 0501 · Câu 8 Phần I
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.
Đề chính thức Tin học 2025 (Bộ GD&ĐT) – mã đề 0501 · Câu 15 Phần I
Câu 15.
Khi thực hiện đoạn mã HTML sau, dòng chữ “Chúc các em thi tốt!” sẽ được hiển thị trên trình duyệt theo định dạng nào dưới đây?
```
<html><head><style> .mau{color: green; font-weight: bold;}
                    #mau{color: yellow; font-style: italic;}
</style></head><body><p id="mau">Chúc các em thi tốt!</p></body></html>
```
- A.
  Màu xanh lá cây, in đậm.
- B.
  Màu vàng, in nghiêng.
  Đáp án
- C.
  Màu xanh lá cây, in nghiêng.
- D.
  Màu vàng, in đậm.
Lời giải
Thẻ p chỉ có id="mau", không có class="mau", nên chỉ quy tắc của bộ chọn #mau được áp dụng: màu vàng, in nghiêng. Quy tắc của bộ chọn lớp .mau (xanh lá, in đậm) không áp dụng cho thẻ này.
Chọn B.
Đề tham khảo Tin học 2025 (Bộ GD&ĐT) · Câu 17 Phần I
Câu 17.
Phương án nào cho bên dưới mô tả đúng định dạng của văn bản được hiển thị khi thực hiện đoạn mã HTML sau?
```
<head> <style>
        h1{color: blue; font-size: 13px}
        h1{color: green; font-size: 14px}
</style> </head>
<body> <h1>Hôm nay có bão</h1> </body>
```
- A.
  Chữ màu xanh dương, kích thước 14px.
- B.
  Chữ màu xanh dương, kích thước 13px.
- C.
  Chữ màu xanh lá, kích thước 14px.
  Đáp án
- D.
  Chữ màu xanh lá, kích thước 13px.
Lời giải
Hai quy tắc cùng bộ chọn h1 nên có cùng mức ưu tiên; khi đó quy tắc viết sau ghi đè quy tắc viết trước. Dòng chữ “Hôm nay có bão” nhận color: green; font-size: 14px: chữ màu xanh lá, kích thước 14px. Chọn C.