CSS: id và class

Hôm nay Hoàng Giáp hỏi về sự khác nhau giữa id và class trong CSS. Vì không dùng Y!M nữa nên đành trả lời ở đây vậy.

Hiểu đơn giản thì cả id và class có điểm chung là được dùng để định nghĩa (liệt kê các thuộc tính định kiểu) cho một thành phần đặc biệt nào đó. Còn về mặt cú pháp, trong bảng định kiểu, dùng kí tự # (dấu thăng) trước tên id và kí tự . (dấu chấm) trước tên class. Điểm khác nhau căn bản là id (identification) chỉ dùng cho một thành phần duy nhất trong tài liệu. Còn class thì được dùng nhều lần cho nhiều thành phần khác nhau trong tài liệu.

Ví dụ, trong bảng định kiểu có một id là “header” và một class là “normal” thì chỉ được dùng id="header" duy nhất một lần, còn có thể dùng class="normal" bao nhiêu lần tuỳ thích. Khi trong cùng tài liệu xuất hiện id="header" nhiều hơn một lần thì sẽ bị trình kiểm định báo lỗi. Nếu thực sự muốn sử dụng lại định dạng đó thì phải chuyển từ id sang class.

Ghi chú: Đấy là ý hiểu của tớ, có thể không thực sự chính xác và lối trình bày hơi lằng nhằng. Cậu có thể tham khảo CSS Tutorial – ID vs Class hoặc hỏi Google :).