Ψευδοκλάση empty

Η ψευδοκλάση empty καθορίζει πώς θα εμφανίζεται ένα κενό στοιχείο (που δεν περιέχει κείμενο).

Σύνταξη

selector: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,
που καθοδηγεί το πρόγραμμα πλοήγησης πώς να εμφανίζει το φόντο και τα σύνορα κενών κελιών πίνακα