manual de referência de CSS

regras de CSS @

大全 de atributos de CSS

Funções CSS Manual Completo de Seletores CSS

CSS3 :only-of-seletor type

Seletor pseudo-classe :only-of-type representa qualquer elemento, que não tem outros elementos irmãos do mesmo tipo.

Manual completo de seletores CSS

Exemplo online

Especifique cada elemento p que pertence ao elemento pai específico do tipo único:：

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial Básico(oldtoolbag.com)</title>/title>
<style>
div {
　　border:　1px sólido #ccc;
　　margin:　20px;
　　padding:　10px　10px　10px　30px;
}
p:only-of-type {
　　color: red;
}
</style>
</head>
<body>
<div>
　　<p>Eu sou o único elemento de parágrafo dentro deste div.</p>　　
　　<ul>
　　　　<li>Item da Lista</li>
　　　　<li>Item da Lista</li>
　　</ul>　　
</div>
<div>
　　<p>Este div tem vários parágrafos.</p>　　
　　<p>Eu também sou um parágrafo.</p>　　
　　<ul>
　　　　<li>Item da Lista</li>
　　　　<li>Item da Lista</li>
　　</ul>　　
</div>
</body>
</html>

Teste e veja ‹/›

Definição e uso

element:only-of-type { style properties }

:only-of-type representa qualquer elemento, que não tem outros elementos irmãos do mesmo tipo.

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

seletor
:only-of-type	4.0	9.0	3.5	3.2	9.6

Manual completo de seletores CSS

Funções CSS Manual Completo de Seletores CSS