คุณสามารถกำหนดกฎ style จากแอตทริบิวต์ class ของ element ทุก element ที่มี class นั้นจะถูกจัดรูปแบบตามกฎ
.black {
color: #808000;
}กฎนี้ทำให้เนื้อหาสีดำสำหรับทุก element ที่ class="black" ในเอกสาร สามารถเฉพาะเจาะจงได้:
h1.black {
color: #808000;
}กฎนี้ทำให้สีดำเฉพาะ <h1> ที่ class="black"
คุณสามารถใช้ class selector หลายตัวกับ element เดียวได้:
<p class="center bold"> This para will be styled by the classes center and bold. </p>
