Pseudo-klasa empty
Pseudo-klasa empty përcakton pamjen e një elementi bosh (që nuk përmban tekst).
Sintaksa
përzgjedhës:empty {
}
Shembull
Në këtë shembull, li i fundit është bosh,
por prapë do të ketë një shënues:
<ul>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li></li>
</ul>
:
Shembull
Le të ndryshojmë sjelljen për tagun bosh li:
<ul>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Shembull
Le të fshehim plotësisht li bosh:
<ul>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Shihni gjithashtu
-
vetia
empty-cells,
që i tregon shfletuesit se si të shfaqë sfondin dhe kufirin e qelizave bosh të tabelës
