manual de referência CSS

regras CSS @

大全 de propriedades CSS

Funções CSS Manual Completo de Seletores CSS

CSS3 Escolhedor :empty

O pseudo-classes :empty representa elementos que não têm elementos filhos. Os elementos filhos podem ser nós de elementos ou texto (inclusive espaços).

Completo Guia de Escolhedor CSS

Exemplo Online

Especificar a cor de fundo de um elemento div vazio:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Manual Básico(oldtoolbag.com)</title>/title>　
<style>
.box {
　　　　background: pink;
　　　　height:　80px;
　　　　width:　80px;
　　　　　margin:10px;
}
.box:empty {
　　　　background: lime;
}
</style>
</head>
<body>
<div class="box"><!--　Minha cor é verde　--></div>
<div class="box">Minha cor de fundo é rosa</div>
<div class="box">
　　　　!--　Serei vermelho, porque o conteúdo ao redor dessa caixa está vazio　-->
</div>
</body>
</html>

Teste e veja ‹/›

Definição e uso

:empty

O escolhedor :empty escolhe cada elemento que não tem subelementos (inclusive nós de texto).

Compatibilidade do navegador

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

Escolhedor
:empty	4.0	9.0	3.5	3.2	9.6

Completo Guia de Escolhedor CSS

Funções CSS Manual Completo de Seletores CSS