Bạn có thể xác định các quy tắc kiểu dựa trên thuộc tính lớp của các phần tử. Tất cả các phần tử có lớp đó sẽ được định dạng theo quy tắc đã xác định.

.black {
   color: #808000;
}

Quy tắc này hiển thị nội dung bằng màu đen cho mọi phần tử có thuộc tính lớp được đặt thành màu đen trong tài liệu của chúng tôi. Bạn có thể làm cho nó cụ thể hơn một chút. Ví dụ:

h1.black {
   color: #808000;
}

Quy tắc này chỉ hiển thị nội dung bằng màu đen cho các phần tử

có thuộc tính lớp được đặt thành màu đen.

Bạn có thể áp dụng nhiều bộ chọn lớp cho phần tử đã cho. Hãy xem xét ví dụ sau:

<p class = "center bold">
   This para will be styled by the classes center and bold.
</p>