พิวโดคลาส 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,
ซึ่งระบุให้เบราว์เซอร์ทราบถึงวิธีการแสดงพื้นหลังและเส้นขอบของเซลล์ตารางที่ว่างเปล่า