manuel de référence CSS

règles CSS @

大全 des propriétés CSS

Fonctions CSS Manuel complet des sélecteurs CSS

CSS3 Sélecteur :empty

:empty CSS pseudo-classe représente les éléments sans sous-éléments. Les sous-éléments peuvent être des nœuds d'élément ou du texte (y compris les espaces).

Complète Manuel de sélecteurs CSS

Exemple en ligne

Spécifiez la couleur de fond du div vide :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Base tutoriel(oldtoolbag.com)</title>　
<style>
.box　{
　　　　background: rose;
　　　　hauteur:　80px;
　　　　largeur:　80px;
　　　　　marge:10px;
}
.box:empty　{
　　　　background: vert jaune;
}
</style>
</head>
<body>
<div class="box"><!--　Ma couleur est verte　--></div>
<div class="box">Ma couleur de fond est rose</div>
<div class="box">
　　　　<!--　Je serai rouge, car le contenu autour de cette boîte est vide　-->
</div>
</body>
</html>

Testez et voyez ‹/›

Définition et utilisation

:empty

Le sélecteur :empty sélectionne chaque élément qui n'a pas de sous-éléments (y compris les nœuds de texte).

Compatibilité du navigateur

Les nombres dans le tableau représentent la première version du navigateur qui prend en charge cette propriété.

Sélecteur
:empty	4.0	9.0	3.5	3.2	9.6

Complète Manuel de sélecteurs CSS

Fonctions CSS Manuel complet des sélecteurs CSS