Pseudo trieda only-of-type
Pseudo trieda only-of-type vyberá
element, ktorý je jediným potomkom
daného typu.
Syntax
selektor:only-of-type {
}
Príklad
Zafarbíme nadpis h2 na červeno, ak
je jediným h2 vo svojom rodičovi:
<div>
<h2>nadpis</h2>
<p>odsek</p>
<p>odsek</p>
<p>odsek</p>
</div>
<div>
<h2>nadpis</h2>
<p>odsek</p>
<h2>nadpis</h2>
<p>odsek</p>
<p>odsek</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
: