আপনি এলিমেন্টের class অ্যাট্রিবিউটের ভিত্তিতে স্টাইল রুল ডিফাইন করতে পারেন। সেই ক্লাস 가진 সকল এলিমেন্ট সংজ্ঞায়িত রুল অনুযায়ী ফরম্যাট হবে।
.black {
color: #808000;
}এই রুল ডকুমেন্টে class="black" থাকা সকল এলিমেন্টের কন্টেন্ট কালো রঙে রেন্ডার করবে। আরও স্পেসিফিক করতে পারেন। উদাহরণ:
h1.black {
color: #808000;
}এই রুল শুধু <h1> এলিমেন্টের জন্য কাজ করবে যার class="black"।
আপনি একটি এলিমেন্টে একাধিক ক্লাস সিলেক্টর প্রয়োগ করতে পারেন। উদাহরণ:
<p class="center bold">This para will be styled by the classes center and bold.</p>