Pseudoklas last-of-type

Die pseudoklas last-of-type kies die element wat die laaste kind van die ouer van die gegewe tipe is. Dit wil sê, as ek h2:last-of-type skryf - sal die laaste h2 in die ouer gevind word (in teenstelling met last-child, wat slegs daardie h2 sal vind wat die heel laaste een in die ouer is).

Sintaksis

cssselektor:last-of-type {
  
}

Voorbeeld

Laat ons die opskrif h2 vind wat die laaste h2 in die ouer is:

html<div>
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
  
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
  
  <h2>Opskrif</h2>
  <p>Paragraaf</p>
</div>

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

Результат: