পসিউডোক্লাস first-of-type

পসিউডোক্লাস first-of-type এমন এলিমেন্টকে সিলেক্ট করে যা প্যারেন্টের নির্দিষ্ট টাইপের প্রথম চাইল্ড। অর্থাৎ, যদি লিখা হয় h2:first-of-type - তাহলে প্যারেন্টের মধ্যে প্রথম h2 টি পাওয়া যাবে (first-child এর থেকে আলাদা, যেটি শুধুমাত্র সেই h2 কে খুঁজে পায় যেটি প্যারেন্টের মধ্যে সবচেয়ে প্রথমে থাকে)।

সিনট্যাক্স

সিলেক্টর:first-of-type {
	
}

উদাহরণ

প্যারেন্টের মধ্যে যে প্যারাগ্রাফটি প্রথম প্যারাগ্রাফ তাকে খুঁজে বের করি:

<div>
	<h2>শিরোনাম</h2>
	<p>প্যারাগ্রাফ</p>
	
	<h2>শিরোনাম</h2>
	<p>প্যারাগ্রাফ</p>
	
	<h2>শিরোনাম</h2>
	<p>প্যারাগ্রাফ</p>
</div>

p:first-of-type {
	color: red;
}