Псевдокласа 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,
кое му укажува на прелистувачот како да ја прикажува позадината и границата на празните ќелии во табелата
