আপনি উপাদানগুলির শ্রেণি বৈশিষ্ট্যের উপর ভিত্তি করে শৈলীর নিয়মগুলি সংজ্ঞায়িত করতে পারেন। সেই শ্রেণির সমস্ত উপাদান সংজ্ঞায়িত নিয়ম অনুসারে বিন্যাসিত হবে।

.black {
   color: #808000;
}

এই নিয়মটি আমাদের নথিতে কালোতে সেট করা ক্লাস অ্যাট্রিবিউট সহ প্রতিটি উপাদানের জন্য বিষয়বস্তুকে কালো রঙে রেন্ডার করে। আপনি এটিকে আরও নির্দিষ্ট করতে পারেন। যেমন:

h1.black {
   color: #808000;
}

এই নিয়মটি শুধুমাত্র

এলিমেন্টের জন্য কালো রঙে রেন্ডার করে যার ক্লাস অ্যাট্রিবিউট কালোতে সেট করা আছে।

আপনি প্রদত্ত উপাদানে একাধিক শ্রেণী নির্বাচক আবেদন করতে পারেন। নিম্নলিখিত উদাহরণ বিবেচনা করুন:

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