Pseudoklasa only-of-type
Pseudoklasa only-of-type wybiera
element, który jest jedynym potomkiem
określonego typu.
Składnia
selektor:only-of-type {
}
Przykład
Pokolorujmy nagłówek h2 na czerwono, jeśli
jest on jedynym h2 w swoim rodzicu:
<div>
<h2>nagłówek</h2>
<p>akapit</p>
<p>akapit</p>
<p>akapit</p>
</div>
<div>
<h2>nagłówek</h2>
<p>akapit</p>
<h2>nagłówek</h2>
<p>akapit</p>
<p>akapit</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
