1. Bộ chọn lớp
Mỗi bộ chọn lớp (class selector) được đặt tên, thường được dùng để khai báo các quy tắc định dạng được áp dụng chung cho nhiều phần tử trong văn bản HTML thay vì phải viết lặp lại các quy tắc này cho từng phần tử.
Bộ chọn lớp được khai báo như sau
.Tên_bộ_chọn_lớp{thuộc tính 1: giá trị 1; thuộc tính 2: giá trị 2;...thuộc tính n: giá trị n;}
Ví dụ 1. Bảng định dạng CSS ở Hình 1 khai báo bộ chọn lớp được đặt tên là "red" và khai báo giá trị thuộc tính màu đỏ.
Để áp dụng bộ chọn lớp có tên "Tên_bộ_chọn_lớp" cho phần tử cụ thể trong văn bản HTML, cần khai báo giá trị thuộc tính class của phần tử đó là "Tên_bộ_chọn_lớp"
Ví dụ 2. Văn bản HTML ở Hình 2a minh họa việc áp dụng bộ chọn lớp, kết quả hiển thị trên màn hình trình duyệt web như ở Hình 2b. các phần tử có thuộc tính class = "red" đều được trình bày chữ màu đỏ.
