პსევდოკლასი 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,
რომელიც ბრაუზერს უკარნახებს, როგორ გამოავლინოს ცხრილის ცარიელი უჯრედების ფონი და საზღვარი