Sélecteur :EMPTY
Rôle
Le sélecteur empty est une pseudo-classe désigné par la syntaxe :empty qui permet de cibler chaque élément qui ne possède aucun enfant, ni aucun contenu.
Dans l’exemple ci-dessous, le premier bloc vide est présenté avec une bordure rouge.
div:empty{
width: 200px;
height: 50px;
border: thin red solid;
}
<div></div>
<div>
<h1>titre</h1>
<p>Lorem ipsum dolor sit amet</p>
</div>
Version : CSS3
Testez vous-même ce sélecteur
Compatibilité
Le sélecteur empty est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 9.
