Leë pseudoklas
Die pseudoklas empty spesifiseer hoe
'n leë element (een wat geen teks bevat nie) sal lyk.
Sintaksis
selektor:empty {
}
Voorbeeld
In hierdie voorbeeld sal die laaste li leeg wees,
maar sal steeds 'n merker hê:
<ul>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li></li>
</ul>
:
Voorbeeld
Laat ons die gedrag vir die leë li-tag verander:
<ul>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Voorbeeld
Laat ons die leë li heeltemal verberg:
<ul>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li>lys item</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Sien ook
-
die eienskap
empty-cells,
wat aan die leser spesifiseer hoe om die agtergrond en rand van leë tabelle selle te vertoon
