Pseudo-klassen empty
Pseudo-klassen empty definerer, hvordan
et tomt element (uden tekstindhold) vil se ud.
Syntaks
selektor:empty {
}
Eksempel
I dette eksempel er den sidste li tom,
men vil stadig have en punkttegn:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li></li>
</ul>
:
Eksempel
Lad os ændre opførselen for den tomme li-tag:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Eksempel
Lad os skjule de tomme li helt:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Se også
-
egenskaben
empty-cells,
som fortæller browseren, hvordan baggrund og ramme af tomme tabelceller skal vises
