පළමු-වර්ගයේ ප්‍රක්ෂේපක පන්තිය

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;
}