last-of-type සෙවුම්පන්චය

last-of-type සෙවුම්පන්චය මව් අංගයක නිශ්චිත වර්ගයේ අවසාන දරුවා වන අංගය තෝරා ගනී. එනම්, මම h2:last-of-type ලියා තැබුවහොත් - මව් අංගය තුළ අවසාන h2 සොයා ගනී (last-child වෙතින් වෙනස්ව, එය මව් අංගය තුළ අවසාන ස්ථානයේ සිටින h2 පමණක් සොයා ගනී).

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

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

නිදර්ශනය

මව් අංගය තුළ අවසාන h2 වන ශීර්ෂය සොයා ගනිමු:

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

cssh2:last-of-type {
  color: red;
}

Результат: