Pseudoklasse only-of-type
Der Pseudoklasse only-of-type wählt
ein Element aus, das das einzige Kindelement
des angegebenen Typs ist.
Syntax
Selektor:only-of-type {
}
Beispiel
Färben wir eine h2-Überschrift rot, wenn
sie die einzige h2 in ihrem übergeordneten Element ist:
<div>
<h2>Überschrift</h2>
<p>Absatz</p>
<p>Absatz</p>
<p>Absatz</p>
</div>
<div>
<h2>Überschrift</h2>
<p>Absatz</p>
<h2>Überschrift</h2>
<p>Absatz</p>
<p>Absatz</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
