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

first-of-type ප්‍රක්ෂේපක පන්තිය දෙමාපියෙකුගේ දෙන ලද වර්ගයේ පළමු සමාන මූල පසුභාගය වන මූලය තෝරා ගනී. එනම්, h2:first-of-type ලියන්නේ නම් දෙමාපියා තුළ පළමු h2 සොයා ගනී (first-child වලින් වෙනස් වූවක්, එය දෙමාපියා තුළ පළමුවැන්න ලෙස ඇති එම h2 සොයා ගනී).

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා:first-of-type {
  
}

උදාහරණය

දෙමාපියා තුළ පළමු ඡේදය වන ඡේදය සොයා ගනිමු:

html<div>
  <h2>ශීර්ෂය</h2>
  <p>ඡේදය</p>
  
  <h2>ශීර්ෂය</h2>
  <p>ඡේදය</p>
  
  <h2>ශීර්ෂය</h2>
  <p>ඡේදය</p>
</div>

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

Результат: