Pseidoklase first-of-type

Pseidoklase first-of-type atlasa elementu, kas ir pirmais dotā tipa vecāka pēctecis. Tas ir, ja rakstīsiet h2:first-of-type - tiks atrasts pirmais h2 vecākā (atšķirībā no first-child, kas atradīs tikai to h2, kas atrodas pašā sākumā vecākā).

Sintakse

cssselektors:first-of-type {
  
}

Piemērs

Atradīsim rindkopu, kas ir pirmā rindkopa vecākā:

html<div>
  <h2>virsraksts</h2>
  <p>rindkopa</p>
  
  <h2>virsraksts</h2>
  <p>rindkopa</p>
  
  <h2>virsraksts</h2>
  <p>rindkopa</p>
</div>

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

Результат: