Pseudo-klassen only-of-type
Pseudo-klassen only-of-type velger
et element som er det eneste barnet
av angitt type.
Syntaks
velger:only-of-type {
}
Eksempel
La oss farge overskriften h2 rød hvis
den er den eneste h2 i sin forelder:
<div>
<h2>overskrift</h2>
<p>avsnitt</p>
<p>avsnitt</p>
<p>avsnitt</p>
</div>
<div>
<h2>overskrift</h2>
<p>avsnitt</p>
<h2>overskrift</h2>
<p>avsnitt</p>
<p>avsnitt</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
: