English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
الصيغة المزيفة :only-child تطابق العناصر التي ليس لديها أي إخوة. يمكن كتابة المصفوفة المماثلة أيضًا كـ :first-child:last-child أو :nth-child(1):nth-last-child(1)، ومع ذلك، سيكون وزن الأول أقل قليلاً.
دليل إكمال اختيارات CSS الكاملة
تطابق العنصر p الذي هو الأبناء الوحيدين في العنصر الأم:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
div p:only-child {
color: red;
}
</style>
</head>
<body>
<div>
<p>هذا الفقرة هو العنصر الوحيد للعنصر الأم.</p>
</div>
<div>
<p>هذا الفقرة هو العنصر الأول من العنصر الأم.</p>
<p>هذا الفقرة هو العنصر الثاني من العنصر الأم.</p>
</div>
</body>
</html>تجربة لمعرفة ‹/›:only-child
:only-child المصفوفة تطابق العناصر التي تعتبر الأبناء الوحيدين في عناصر الآباء.
الرقم في الجدول يمثل إصدار أولي من المتصفح الذي يدعم هذه الخاصية.
| المصفوفة | |||||
|---|---|---|---|---|---|
| :only-child | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |