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 қасиеті,
ол браузерге кестенің бос ұяшықтарының фоны мен шекарасын қалай көрсету керектігін көрсетеді