Pseudoclasse only-of-type
A pseudoclasse only-of-type seleciona
um elemento que é o único descendente
do tipo especificado.
Sintaxe
seletor:only-of-type {
}
Exemplo
Vamos colorir o cabeçalho h2 em vermelho se
ele for o único h2 em seu elemento pai:
<div>
<h2>cabeçalho</h2>
<p>parágrafo</p>
<p>parágrafo</p>
<p>parágrafo</p>
</div>
<div>
<h2>cabeçalho</h2>
<p>parágrafo</p>
<h2>cabeçalho</h2>
<p>parágrafo</p>
<p>parágrafo</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
