Pseudo-klasse only-of-type
De pseudo-klasse only-of-type selecteert
een element dat het enige kind is
van het opgegeven type.
Syntaxis
selector:only-of-type {
}
Voorbeeld
Laten we een h2-kop rood kleuren, als
het de enige h2 in zijn ouder is:
<div>
<h2>kop</h2>
<p>alinea</p>
<p>alinea</p>
<p>alinea</p>
</div>
<div>
<h2>kop</h2>
<p>alinea</p>
<h2>kop</h2>
<p>alinea</p>
<p>alinea</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
