Pseidoklase last-of-type

Pseidoklase last-of-type izvēlas elementu, kas ir pēdējais vecāka norādītā tipa pēctecis. Tas nozīmē, ka, ja es uzrakstīšu h2:last-of-type - tiks atrasts pēdējais h2 vecākā (atšķirībā no last-child, kas atradīs tikai to h2, kas atrodas visbeidzējais vecākā).

Sintakse

cssselektors:last-of-type {
  
}

Piemērs

Atradīsim virsrakstu h2, kas ir pēdējais h2 vecākā:

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

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

Результат: