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

Đề bài

Cho đoạn mã lệnh CSS:

Đoạn mã lệnh HTML nào sau đây sẽ áp dụng định dạng trên khi được khai báo?

<p class="text-red"> Gió đưa cành trúc la đà</p>
<span id="text-red"> Gió đưa cành trúc la đà</span>
<div class="text-blue"> Gió đưa cành trúc la đà</div>
<div class="text-red"> Gió đưa cành trúc la đà<ldiv>
Đáp án đúng: A

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ã lệnh CSS được cho:

  • p.text-red: Áp dụng cho thẻ <p> có thuộc tính class là "text-red". Định dạng gồm: màu chữ đỏchữ in nghiêng.
  • #text-blue: Áp dụng cho thẻ có thuộc tính id là "text-blue". Định dạng gồm: màu chữ xanhchữ in đậm.

Phân tích các phương án:

  1. A. <p class="text-red"> Gió đưa cành trúc la đà</p>
    Thỏa mãn điều kiện p.text-red, do đó sẽ áp dụng định dạng CSS: màu chữ đỏchữ in nghiêng.
  2. B. <span id="text-red"> Gió đưa cành trúc la đà</span>
    Không thỏa mãn vì CSS không khai báo cho id "text-red".
  3. C. <div class="text-blue"> Gió đưa cành trúc la đà</div>
    Không thỏa mãn vì CSS không khai báo cho class "text-blue".
  4. D. <div class="text-red"> Gió đưa cành trúc la đà<ldiv>
    Không thỏa mãn vì CSS chỉ khai báo class "text-red" cho thẻ p.

Vậy đáp án đúng là: A. <p class="text-red"> Gió đưa cành trúc la đà</p>

Chú ý khi giải

Khi giải các bài tập liên quan đến CSS và HTML, cần lưu ý:

  • Nắm vững sự khác nhau giữa classid trong CSS. class có thể áp dụng cho nhiều phần tử, còn id chỉ áp dụng cho một phần tử duy nhất.
  • Quan sát kỹ các điều kiện của CSS selector để xác định phần tử HTML nào sẽ áp dụng định dạng.
  • Luôn kiểm tra để đảm bảo cú pháp HTML và CSS đúng, tránh nhầm lẫn giữa thẻ, thuộc tính và cách khai báo.