Псеудокласа empty
Псеудокласа empty дефинише како ће
изгледати празан елемент (који не садржи текст).
Синтакса
селектор:empty {
}
Пример
У овом примеру последња li је празна,
али ће ипак имати маркер:
<ul>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li></li>
</ul>
:
Пример
Променимо понашање за празан тег li:
<ul>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Пример
Сакријмо потпуно празан li:
<ul>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li>ставка листе</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Погледајте такође
-
својство
empty-cells,
које говори браузеру како да прикаже позадину и оквир празних ћелија табеле
