Pseudo-class empty
Pseudo-class empty menetapkan rupa
elemen kosong (tidak mengandungi teks).
Sintaks
pemilih:empty {
}
Contoh
Dalam contoh ini, li terakhir kosong,
tetapi masih akan mempunyai penanda:
<ul>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li></li>
</ul>
:
Contoh
Mari ubah kelakuan untuk tag li kosong:
<ul>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Contoh
Sembunyikan li kosong sepenuhnya:
<ul>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Lihat juga
-
sifat
empty-cells,
yang memberitahu pelayar bagaimana untuk memaparkan latar belakang dan sempadan sel jadual kosong
