:empty

  • Raccourci de la révision : CSS/:empty
  • Titre de la révision : :empty
  • ID de la révision : 335391
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La pseudo-classe :empty correspond à un élément qui n'a aucun enfant.

Syntaxe

*:empty { propriétés CSS }

Exemples

span:empty::before { background-color: lime; }

… où …

 <span></span>

Spécifications

CSS 3 Selectors :empty

Compatibilité des navigateurs

Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
? 1.5 (1.8) 9.0 9.5 3.1 (525)

 

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La <a href="/fr/docs/CSS/Pseudo-classes" title="/fr/docs/CSS/Pseudo-classes">pseudo-classe</a> <code>:empty</code> correspond à un élément qui n'a aucun enfant.</p>
<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
<pre class="eval">
*:empty { propriétés CSS }
</pre>
<h2 id="Exemples" name="Exemples">Exemples</h2>
<pre class="brush: css">
span:empty::before { background-color: lime; }
</pre>
<p>… où …</p>
<pre class="brush: html">
 &lt;span&gt;&lt;/span&gt;
</pre>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<p><a class="external" href="http://www.w3.org/TR/css3-selectors/#empty-pseudo" title="http://www.w3.org/TR/css3-selectors/#empty-pseudo">CSS 3 Selectors :empty</a></p>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari (WebKit)</th>
      </tr>
      <tr>
        <td>?</td>
        <td>1.5 (1.8)</td>
        <td>9.0</td>
        <td>9.5</td>
        <td>3.1 (525)</td>
      </tr>
    </tbody>
  </table>
</div>
<p>&nbsp;</p>
Revenir à cette révision