Псеўдаклас empty
Псеўдаклас empty задае тое, як будзе
выглядаць пусты элемент (які не змяшчае тэксту).
Сінтаксіс
селектар:empty {
}
Прыклад
У гэтым прыкладзе апошні li пусты,
але ўсё роўна будзе мець маркер:
<ul>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li></li>
</ul>
:
Прыклад
Зменім паводзіны для пустога тэга li:
<ul>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li></li>
</ul>
li:empty {
border: 1px solid blue;
list-style-type: circle;
color: blue;
width: 100px;
}
:
Прыклад
Схаваем пустыя li цалкам:
<ul>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li>element спісу</li>
<li></li>
</ul>
li:empty {
display: none;
}
:
Глядзіце таксама
-
уласцівасць
empty-cells,
якая паказвае браўзэру, як адлюстроўваць фон і мяжу пустых ячаек табліцы
