Pseudo-klassen empty
Pseudo-klassen empty angir hvordan
et tomt element (som ikke inneholder tekst) skal se ut.
Syntaks
selector:empty {
}
Eksempel
I dette eksemplet er den siste li tom,
men vil likevel ha en markør:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li></li>
</ul>
:
Eksempel
La oss endre oppførselen for den tomme li-taggen:
<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
La oss 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å
-
egenskapen
empty-cells,
som forteller nettleseren hvordan den skal vise bakgrunn og ramme for tomme tabellceller
