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

nth-of-type সিউডোক্লাসটি একটি এলিমেন্ট নির্বাচন করে, যেটি নির্দিষ্ট টাইপের n-তম চাইল্ড।

অর্থাৎ, যদি আমি h2:nth-of-type(4) লিখি - এটি প্যারেন্টের মধ্যে 4-তম h2 কে খুঁজে পাবে (nth-child থেকে ভিন্ন, যেটি শুধুমাত্র সেই h2 কেই খুঁজে পাবে, যা প্যারেন্টের 4-তম এলিমেন্ট)।

সিনট্যাক্স

সিলেক্টর:nth-of-type(সংখ্যা | odd | even | এক্সপ্রেশন){

}

মানসমূহ

মান	বর্ণনা
সংখ্যা	`1` থেকে শুরু করে একটি ধনাত্মক সংখ্যা। যে এলিমেন্টের কাছে আমরা পৌঁছাতে চাই তার নম্বর নির্দিষ্ট করে। এলিমেন্টগুলির নম্বর `1` থেকে শুরু হয়।
`odd`	বিজোড় এলিমেন্ট।
`even`	জোড় এলিমেন্ট।
এক্সপ্রেশন	আপনি n অক্ষর দিয়ে বিশেষ এক্সপ্রেশন তৈরি করতে পারেন, যেটি শূন্য থেকে (এক থেকে নয়) অসীম পর্যন্ত সমস্ত পূর্ণসংখ্যা নির্দেশ করে। সুতরাং, `2n` - মানে সব জোড় সংখ্যা (দ্বিতীয় থেকে শুরু করে)। এটি কিভাবে বুঝবেন? `n`-এ ক্রমান্বয়ে `0` থেকে সংখ্যাগুলি প্রতিস্থাপন করুন: যদি n = 0, তবে 2n দেবে 0 - এরকম কোন এলিমেন্ট নেই (এলিমেন্টগুলির নম্বর 1 থেকে শুরু), যদি n = 1, তবে 2n দেবে 2 - দ্বিতীয় এলিমেন্ট, যদি n = 2, 2n দেবে 4 - চতুর্থ এলিমেন্ট। যদি আপনি 3n লিখেন - এটি হবে প্রতি তৃতীয় এলিমেন্ট (তৃতীয় থেকে শুরু করে), ইত্যাদি।

উদাহরণ

প্যারেন্টের মধ্যে সেই h2 কে খুঁজে বের করি, যা 2-তম h2:

<div>
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
</div>

h2:nth-of-type(2) {
	color: red;
}

উদাহরণ

সমস্ত জোড় h2 খুঁজে বের করি:

<div>
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
</div>

h2:nth-of-type(even) {
	color: red;
}

উদাহরণ

সমস্ত বিজোড় h2 খুঁজে বের করি:

<div>
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
	
	<h2>শিরোনাম</h2>
	<p>অনুচ্ছেদ</p>
</div>

h2:nth-of-type(odd) {
	color: red;
}