Psewdoklass empty

Psewdoklassy empty boş elementiň (teksti öz içine almayan) nähili görkezilmegini kesgitleýär.

Sintaksis

cssselektory:empty {
  
}

Mysal

Şu mysalda iň soňky li boş, ýöne entek markerine ege bolýar:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li></li>
</ul>

Результат:

Mysal

Boş li teg üçin hereketi üýtgedeliň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li></li>
</ul>

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

Результат:

Mysal

Boş li-lary tutuşlygyna gizleýäliň:

html<ul>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li>sanaw elementi</li>
  <li></li>
</ul>

cssli:empty {
  display: none;
}

Результат:

Şeýle-de serediň