Az empty pszeudoosztály
Az empty pszeudoosztály meghatározza, hogyan fog
kinézni egy üres elem (amely nem tartalmaz szöveget).
Szintaxis
szelektor:empty {
}
Példa
Ebben a példában az utolsó li üres,
de mégis lesz jelölője:
<ul>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li></li>
</ul>
:
Példa
Változtassuk meg a viselkedést az üres li elemek esetén:
<ul>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Példa
Rejtsük el teljesen az üres li elemeket:
<ul>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li>listaelem</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Lásd még
-
a
empty-cellstulajdonság,
amely megadja a böngészőnek, hogyan jelenítse meg egy táblázat üres celláinak hátterét és szegélyét
