CSS-এ নির্দিষ্ট ক্লাস সহ ট্যাগ

ধরুন আমাদের একই ক্লাস সহ দুই ধরনের ট্যাগ রয়েছে। উদাহরণস্বরূপ, h2 হেডিং এবং প্যারাগ্রাফ উভয়েরই একই ক্লাস আছে:

<h2 class="eee">শিরোনাম</h2>
<p class="eee">
	লেখা
</p>

<h2 class="eee">শিরোনাম</h2>
<p class="eee">
	লেখা
</p>

আমরা, উদাহরণস্বরূপ, এই ক্লাস সহ সমস্ত এলিমেন্ট লাল রঙে রাঙাতে পারি:

.eee {
	color: red;
}

যাইহোক, একটি নির্দিষ্ট ট্যাগকে ক্লাস সহ টার্গেট করা যেতে পারে। উদাহরণস্বরূপ, সমস্ত h2 ক্লাস eee দিয়ে আলাদাভাবে বেছে নেওয়া যেতে পারে এবং সমস্ত p এই ক্লাস সহ আলাদা করা যেতে পারে।

এটি করার জন্য, সিলেক্টরে আপনাকে লিখতে হবে ট্যাগের নাম, এবং তারপর একসাথে ক্লাসের নাম। আসুন, উদাহরণস্বরূপ, আমাদের ক্লাস সহ h2 লাল রঙে রাঙাই, এবং এই ক্লাস সহ প্যারাগ্রাফ - সবুজে:

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

নিম্নলিখিত কোডটি দেওয়া হয়েছে:

<h2 class="header">লেখা</h2>
<h2 class="header">লেখা</h2>
<h3 class="header">লেখা</h3>
<h3 class="header">লেখা</h3>

.header {
	color: red;
}

সমস্ত h2 ক্লাস header সহ 40px সাইজ করুন, এবং সমস্ত h3 এই ক্লাস সহ - 30px সাইজ করুন।