Pseudo-klasa empty
Pseudo-klasa empty zadaje kako će izgledati
prazan element (koji ne sadrži tekst).
Sintaksa
selektor:empty {
}
Primer
U ovom primeru poslednji li je prazan,
ali će i dalje imati marker:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li></li>
</ul>
:
Primer
Promenimo ponašanje za prazni tag li:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Primer
Sakrijmo prazne li u potpunosti:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Vidi takođe
-
svojstvo
empty-cells,
koje ukazuje pretraživaču kako da prikazuje pozadinu i granicu praznih ćelija tabele
