Pseudoklasa last-of-type
Pseudoklasa last-of-type wybiera
element, który jest ostatnim potomkiem
rodzica określonego typu. To znaczy, jeśli
napiszę h2:last-of-type - zostanie znaleziony ostatni
h2 w rodzicu (w przeciwieństwie do last-child,
który znajdzie tylko ten h2, który stoi
ostatni w rodzicu).
Składnia
selektor:last-of-type {
}
Przykład
Znajdźmy nagłówek h2, który jest ostatnim
h2 w rodzicu:
<div>
<h2>tytuł</h2>
<p>akapit</p>
<h2>tytuł</h2>
<p>akapit</p>
<h2>tytuł</h2>
<p>akapit</p>
</div>
h2:last-of-type {
color: red;
}
:
