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

Đề bài

Để định kiểu nền màu xám (#e5e5e5) cho các hàng chẵn của bảng dữ liệu

thuộc lớp my-table, cách khai báo nào sau đây là chính xác?

.my-table tr:nth-child(even) { background-color: #eSeSe5; }
.my-table tr:nth-child(odd) { background-color: #e5e5e5; }
.my-table tr:even-child { background-color: #e5e5e5; }
.my-table tr:odd-child { background-color: #e5e5e5; }
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để xác định đáp án đúng, chúng ta cần xem xét từng lựa chọn và cách sử dụng CSS để định kiểu các hàng chẵn của bảng.

Phân tích từng lựa chọn:

  1. A. .my-table tr:nth-child(even) { background-color: #eSeSe5; }
    Sai bởi vì mã màu được viết không đúng. CSS không phân biệt chữ hoa chữ thường trong mã màu, thế nhưng "#eSeSe5" có chứa chữ "S" và còn phải sửa lại thành "#e5e5e5" mới hợp lệ.
  2. B. .my-table tr:nth-child(odd) { background-color: #e5e5e5; }
    Sai vì lựa chọn này áp dụng định kiểu cho các hàng lẻ (odd) thay vì các hàng chẵn.
  3. C. .my-table tr:even-child { background-color: #e5e5e5; }
    Sai vì cú pháp này "even-child" không phải là cú pháp CSS hợp lệ.
  4. D. .my-table tr:odd-child { background-color: #e5e5e5; }
    Sai vì cú pháp "odd-child" không đúng và cả nội dung định dạng cũng không phù hợp (giống như các hàng lẻ thay vì hàng chẵn).

Như vậy, không có lựa chọn nào hoàn toàn chính xác. Nhưng nếu sửa lại cách dùng mã màu ở lựa chọn A, thì nó sẽ là câu đúng:

".my-table tr:nth-child(even) { background-color: #e5e5e5; }"

Chú ý khi giải

  • Đảm bảo mã màu sử dụng nhất quán và hợp lệ: Viết chắc chắn các ký tự đại diện cho màu sắc ở dạng chữ thường và đúng quy cách.
  • Cú pháp ":nth-child(even)" dùng để chỉ định những hàng chẵn, trong khi ":nth-child(odd)" chỉ định những hàng lẻ.
  • CSS phân biệt trường hợp sử dụng sai cú pháp hoặc thừa thiếu ký tự có thể dẫn đến không áp dụng đúng định dạng.