Up5me
Trang chủ > Câu hỏi lẻ > yBWqdzh77bxe

Đề bài

Cho đoạn mã lệnh HTML như sau:

Nếu đoạn mã lệnh này được nhúng thêm các lệnh CSS như sau đây thì kết quả hiển thị trên trình duyệt là gì?

Đáp án đúng: D

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Phân tích:

Đoạn mã CSS p + strong { color: grey; font-style: italic; } sẽ áp dụng cho phần tử <strong> kế tiếp ngay sau phần tử <p>. Trong đoạn mã HTML cho trước, phần tử <strong> chứa "vnexpress.net" không nằm ngay sau phần tử <p>, do đó CSS sẽ không áp dụng cho nó.

Phân tích từng đáp án:

  • A: Phần tử <strong> trong từ "vnexpress.net" có màu xám và in nghiêng; đây là cách hiển thị khi CSS được áp dụng, nhưng không đúng với kiểu CSS đã cho.
  • B: Không thay đổi kiểu ", áp dụng cho "vnexpress.net" là đậm. Đây là cách hiển thị đúng bản chất của <strong> với CSS chỉ rõ không áp dụng.
  • C: Cả 2 phần <strong> đều bị in xám và nghiêng. CSS không áp dụng cho "vnexpress.net", do đó đáp án này không đúng.
  • D: Tương tự như A, nhưng không phải đậm, không đúng thực tế hiển thị.

Đáp án đúng: Chọn phương án B.

Chú ý khi giải

  • Hiểu rõ cách hoạt động của bộ chọn CSS + để xác định phần tử nào sẽ được áp dụng.
  • Chú ý xác định đúng phần tử kế tiếp đã bị tác động hay không dựa trên mã HTML cho trước.