Sự khác nhau giữa class và id trong CSS là gì?

Question

Cao Thị Hạnh · Accepted Answer

Class

Có thể dùng cho nhiều phần tử.

Một phần tử có thể có nhiều class.

Ký hiệu trong CSS là dấu chấm .
Ví dụ: .box { color: red; }

Thường dùng để tạo kiểu cho các nhóm phần tử có chung đặc điểm.

ID

Chỉ dùng cho một phần tử duy nhất trên trang.

Không được trùng giữa các phần tử.

Mỗi phần tử chỉ có một id.

Ký hiệu trong CSS là dấu thăng #
Ví dụ: #header { background: blue; }

Thường dùng để định danh phần tử đặc biệt, hoặc làm mốc cho JavaScript, liên kết.

Timi · Answer

Sự khác nhau giữa class và id trong CSS như sau:

1. **Định nghĩa và mục đích sử dụng:**
   - **class:** Là một thuộc tính dùng để nhóm các phần tử HTML có cùng kiểu dáng hoặc chức năng. Một class có thể được gán cho nhiều phần tử khác nhau.
   - **id:** Là một thuộc tính dùng để định danh duy nhất cho một phần tử HTML. Mỗi id chỉ được gán cho một phần tử duy nhất trên trang.

2. **Cách viết trong CSS:**
   - **class:** Được khai báo bằng dấu chấm (.) trước tên class, ví dụ: `.menu { color: red; }`
   - **id:** Được khai báo bằng dấu thăng (#) trước tên id, ví dụ: `#header { background-color: blue; }`

3. **Tính duy nhất:**
   - **class:** Có thể áp dụng cho nhiều phần tử cùng lúc.
   - **id:** Chỉ áp dụng cho một phần tử duy nhất trên trang.

4. **Độ ưu tiên (Specificity):**
   - **id** có độ ưu tiên cao hơn **class** khi áp dụng các quy tắc CSS.

Tóm lại, class dùng để nhóm nhiều phần tử có kiểu dáng giống nhau, còn id dùng để xác định duy nhất một phần tử trên trang.