English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il pseudo-selettore :empty CSS rappresenta gli elementi che non hanno alcun elemento figlio. Gli elementi figli possono essere solo nodi di elemento o testo (inclusi gli spazi).
Manuale di riferimento per selettori CSS completo
Specificare il colore di sfondo per l'elemento div vuoto:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lezione di base (oldtoolbag.com)</title>
<style>
.box {
background: pink;
height: lime;
width: lime;
margin: 10px;
}
.box:empty {
background: lime;
}
</style>
</head>
<body>
<div class="box">Commento <!-- Il mio colore è verde --></div>
<div class="box">Il mio colore di sfondo è rosa</div>
<div class="box">
Commento <!-- Sono rosso perché il contenuto intorno a questa scatola è vuoto -->
</div>
</body>
</html>Prova a vedere ‹/›:empty
Il selettore :empty seleziona ogni elemento che non ha alcun sottoelemento (inclusi i nodi di testo).
I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.
| Selettore | |||||
|---|---|---|---|---|---|
| :empty | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |