mozilla
Vos résultats de recherche

    :empty

    Résumé

    La pseudo-classes :empty correspond à un élément qui n'a aucun enfant. Seulement les noeuds éléments et textes (espaces blancs inclus) sont pris en compte. Les commentaires n'ont pas d'influence sur le statut "vide" de l'élément.

    Syntaxe

    <element>:empty { propriétés CSS }
    

    Exemples

    .box {
      background: red;
      height: 200px;
      width: 200px;
    }
    
    .box:empty {
      background: blue;
    }
    
    <div class="box"><!-- Je serai bleu. --></div>
    <div class="box">Je serai rouge.</div>
    <div class="box">
        <!-- Je serais rouge à cause des espaces autours du commentaire --> 
    </div>

    Spécifications

    Spécification Statut Commentaire
    Selectors Level 4
    La définition de ':empty' dans cette spécification.
    Version de travail Aucun changement
    Selectors Level 3
    La définition de ':empty' dans cette spécification.
    Recommendation Première définition

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 1.0 1.0 (1.7 ou moins) 9.0 9.5 3.1
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base 2.1 1.0 (1) 9.5 10.0 3.1

     

    Étiquettes et contributeurs liés au document

    Contributors to this page: tregagnon, Fredchat, Mgjbot, teoli, the prisoner, FredB, Kyodev
    Dernière mise à jour par : tregagnon,