English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:empty CSS pseudo-class يمثل العناصر التي لا تحتوي على أي فرع. يمكن أن تكون الفروع عناصر أو نص (بما في ذلك الفراغات).
تحديد لون الخلفية لـ div الفارغ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل أساسي (oldtoolbag.com)</title>
<style>
.box {
background: pink;
height: lime;
width: lime;
margin: 10px;
}
.box:empty {
background: lime;
}
</style>
</head>
<body>
<div class="box"><!-- لوني هو الأخضر --></div>
<div class="box">لون خلفيتي هو الفوشيا</div>
<div class="box">
<!-- أنا سأكون أرجواني لأن المحتوى المحيط بالصندوق هذا فارغ -->
</div>
</body>
</html>اختبار لـ ‹/›:empty
:empty المصفوفة تختار كل عنصر لا يحتوي على أي فرع (بما في ذلك العناصر النصية).
الرقم في الجدول يشير إلى إصدار أولي من المتصفح الذي يدعم هذه الخاصية.
| المصفوفات | |||||
|---|---|---|---|---|---|
| :empty | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |