Псевдокласс empty

Псевдокласс empty буш элементнинг (матн ўз ичига олмаган) қандай кўринишини белгилайди.

Синтаксис

селектор:empty {
	
}

Бу мисолда охирги li буш, аммо барча маркерларга эга бўлади:

<ul>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li></li>
</ul>

Буш li теги учун ўзгаришларни киритамиз:

<ul>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li></li>
</ul>

li:empty {
	border: 1px solid blue;
	list-style-type: circle;
	color: blue;
	width: 100px;
}

Буш li-ларни бутунлай яшириб қўямиз:

<ul>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li>roʻyxat elementi</li>
	<li></li>
</ul>

li:empty {
	display: none;
}

empty-cells хусусияти,
броузерга жадвалнинг буш ҳужайраларининг орқа фони ва чегарасини қандай кўрсатишни кўрсатади