পseudoclass খালি

পseudoclass 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,
যা ব্রাউজারকে নির্দেশ করে কিভাবে একটি টেবিলের খালি সেলগুলির পটভূমি এবং সীমানা প্রদর্শন করতে হবে