Pseudotrieda first-of-type
Pseudotrieda first-of-type vyberá
element, ktorý je prvým potomkom
rodiča daného typu. To znamená, že ak napíšete
h2:first-of-type - nájde sa prvý h2 v rodičovi
(na rozdiel od first-child,
ktorý nájde len ten h2, ktorý stojí
ako úplne prvý v rodičovi).
Syntax
selektor:first-of-type {
}
Príklad
Nájdime odsek, ktorý je prvým odsekom v rodičovi:
<div>
<h2>nadpis</h2>
<p>odsek</p>
<h2>nadpis</h2>
<p>odsek</p>
<h2>nadpis</h2>
<p>odsek</p>
</div>
p:first-of-type {
color: red;
}
:
