Pseudoclasa empty

Pseudoclasa empty definește modul în care va arăta un element gol (care nu conține text).

Sintaxă

cssselector:empty {
  
}

Exemplu

În acest exemplu, ultima li este goală, dar va avea totuși un marcator:

html<ul>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li></li>
</ul>

Результат:

Exemplu

Să modificăm comportamentul pentru tag-ul gol li:

html<ul>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li></li>
</ul>

cssli:empty {
  border: 1px solid blue;
  list-style-type: circle;
  color: blue;
  width: 100px;
}

Результат:

Exemplu

Să ascundem complet li goale:

html<ul>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li>element de listă</li>
  <li></li>
</ul>

cssli:empty {
  display: none;
}

Результат:

Vezi și