last-of-type pszeudoklasszis

A last-of-type pszeudoklasszis kiválaszt egy elemet, amely a szülő adott típusú utolsó utódja. Azaz, ha én írok h2:last-of-type - megtalálja az utolsó h2 -t a szülőben (eltérően a last-child -tól, ami csak azt a h2 -t találja meg, amely a szülőben legutoljára áll).

Szintaxis

cssszelektor:last-of-type {
  
}

Példa

Keressük meg azt a h2 címet, amely az utolsó h2 a szülőben:

html<div>
  <h2>cím</h2>
  <p>bekezdés</p>
  
  <h2>cím</h2>
  <p>bekezdés</p>
  
  <h2>cím</h2>
  <p>bekezdés</p>
</div>

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

Результат: