Pseudo-sınıf empty
Pseudo-sınıf empty, boş bir elemanın (metin içermeyen)
nasıl görüneceğini belirler.
Sözdizimi
seçici:empty {
}
Örnek
Bu örnekte son li boş,
ama yine de bir işaretleyiciye sahip olacak:
<ul>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li></li>
</ul>
:
Örnek
Boş li etiketi için davranışı değiştirelim:
<ul>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Örnek
Boş li öğelerini tamamen gizleyelim:
<ul>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li>liste öğesi</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Ayrıca bakınız
-
empty-cellsözelliği,
tarayıcıya bir tablonun boş hücrelerinin arka planını ve kenarlığını nasıl göstereceğini belirtir
