HTML-এ, উপাদানগুলির ক্লাস অ্যাট্রিবিউটের উপর ভিত্তি করে শৈলীর নিয়মগুলি সংজ্ঞায়িত করুন৷ সেই শ্রেণীর উপাদানগুলিকে সংজ্ঞায়িত নিয়ম অনুসারে বিন্যাস করা হবে। এটি ক্লাস নির্বাচক হিসাবে পরিচিত। একটি নির্দিষ্ট শ্রেণির উপাদান নির্বাচন করার জন্য, আপনাকে একটি পিরিয়ড (.) অক্ষর লিখতে হবে, তার পরে ক্লাসের নাম লিখতে হবে, উদাহরণস্বরূপ, .black
.black {
color: #000000;
} আমাদের নথিতে কালোতে সেট করা ক্লাস অ্যাট্রিবিউট সহ প্রতিটি উপাদানের জন্য কালো রঙে সামগ্রী রেন্ডার করুন৷ উদাহরণস্বরূপ, শুধুমাত্র
এলিমেন্টের জন্য কালো রঙে রেন্ডার করুন এবং ক্লাস অ্যাট্রিবিউট কালোতে সেট করুন। h3.black {
color: #000000;
}
অন্য উদাহরণে
ট্যাগ স্টাইল করা অন্তর্ভুক্ত থাকতে পারে। নিচের মাধ্যমে, class="device"
সহ সমস্তউপাদান স্টাইল করুন
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
p.device {
background: #000000;
color: #fffffF;
}
</style>
</head>
<body>
<p>This is demo text</p>
<p class="device">Information about devices.</p>
<p>This is demo text</p>
</body>
</html> এখানে
ট্যাগের স্টাইলিং একাধিক ক্লাসের সাথে করা যেতে পারে যেমন ডিভাইস এবং আনুষাঙ্গিক এখানে
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
p.device {
background: #000000;
color: #fffffF;
}
p.accessories {
text-align: center;
}
</style>
</head>
<body>
<p class="device accessories">DEVICE DETAILS</p>
<p class="device">Information about devices.</p>
</body>
</html> 