Pseudoklass empty
Pseudoklass empty määrab, kuidas
välja näeb tühi element (mis ei sisalda teksti).
Süntaks
selektor:empty {
}
Näide
Selles näites on viimane li tühi,
kuid sellel on ikkagi marker:
<ul>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li></li>
</ul>
:
Näide
Muudame käitumist tühja li jaoks:
<ul>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Näide
Peidame tühjad li täielikult:
<ul>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li>loendi element</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Vaata ka
-
omadus
empty-cells,
mis näitab brauserile, kuidas kuvada tabeli tühjade lahtrite tausta ja piiri
