---
title: ':empty'
slug: 'Web/CSS/:empty'
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: 'Web/CSS/:empty'
---
<p>{{ CSSRef() }}</p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p>Pseudoklasa <code>:empty</code> odnosi się do elementów, które nie posiadają żadnych węzłów potomnych (wliczając w to węzły tekstowe).</p>

<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>

<pre class="eval">selektor:empty { własności }
</pre>

<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h3>

<pre class="eval">span:empty::before { content: "pusty span"; font-style:italic; }
</pre>

<p>Powyższy przykład doda przed każdym pusty elementem span tekst "<em>pusty span</em> "</p>

<pre class="eval">*:not(:empty) {<em>własności</em> }
</pre>

<p>Przykład nada własności wszystkim niepustym elementom.</p>

<h3 id="Notatki" name="Notatki">Notatki</h3>

<p>Jeśli wewnątrz elementu znajduje się jakikolwiek znak, wliczając w to białe znaki, element nie będzie traktowany jako <code>empty</code></p>

<h3 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h3>

<p>{{ Cssxref(":before") }}, {{ Cssxref(":after") }}, {{ Cssxref("content") }}, {{ Cssxref(":not") }}</p>

<div class="noinclude"> </div>

<p>{{ languages( { "en": "en/CSS/:empty", "es": "es/CSS/vac\u00edo", "fr": "fr/CSS/:empty" } ) }}</p>