Phân tích đề bài:

Trong CSS, để định nghĩa một bộ chọn lớp (class selector), ta sử dụng dấu chấm (.) trước tên lớp. Cấu trúc cơ bản sẽ là: .ten-lop { thuộc_tính: giá_trị; }.

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

• A. .page-detail {color: red; line-height: 1.2em;}: Đúng cú pháp định nghĩa lớp. Đây là cú pháp chính xác cho việc định nghĩa một bộ chọn lớp.
• B. page-detail {background-color: red; font-weight: bold;}: Sai cú pháp vì thiếu dấu chấm (.) đứng trước tên bộ chọn lớp.
• C. #page-detail {color: red; text-align: center;}: Sai cú pháp vì đây là cú pháp của bộ chọn ID, không phải bộ chọn lớp.
• D. .page-detail {background-color: red; padding: 5px;}: Đúng cú pháp định nghĩa lớp. Tuy nhiên, chúng ta cần tìm một phương án đúng để định nghĩa một bộ chọn lớp, cả A và D đều đúng nhưng chỉ cần chọn một.

Đáp án đúng: A

• Khi định nghĩa một bộ chọn lớp trong CSS, nhớ sử dụng dấu chấm (.) trước tên lớp.
• Không nhầm lẫn giữa bộ chọn lớp với bộ chọn ID. Bộ chọn ID sử dụng dấu # trước tên ID.
• Bộ chọn lớp có thể áp dụng cho nhiều phần tử có cùng lớp, trong khi bộ chọn ID chỉ áp dụng cho một phần tử duy nhất.
• Khi viết CSS, luôn kiểm tra cú pháp như dấu cách, dấu chấm phẩy để tránh lỗi không mong muốn.