Псевдокласс 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 касиети,
ал браузерге таблицанын бош уячаларынын фонун жана чек арасын кантип көрсөтүү керектигин айтат