English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Pseudo-classe :only-filho combina elementos que não têm irmãos. O seletor equivalente pode ser :primeiro-filho:ultimo-filho ou :nth-filho(1:nth-último-filho(1), claro, o peso do primeiro é um pouco menor.
Manual completo de seletores CSS
Corresponde ao elemento p que é o único filho do elemento pai:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial básico(oldtoolbag.com)</title>/title>
<style>
div p:only-filho {
color: red;
}
</style>
</head>
<body>
<div>
<p>Este parágrafo é o único filho do elemento pai</p>
</div>
<div>
<p>Este parágrafo é o primeiro filho do elemento pai</p>
<p>Este parágrafo é o segundo filho do elemento pai</p>
</div>
</body>
</html>Teste e veja ‹/›:only-filho
:only-O seletor filho combina elementos que são únicos filhos do elemento pai.
Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.
| Seletor | |||||
|---|---|---|---|---|---|
| :only-filho | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |