English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
الصيغة المزيفة CSS :only-of-type تمثل أي عنصر، هذا العنصر ليس لديه إخوة من نفس النوع.
تحديد كل عنصر p الذي ينتمي إلى نوع معين من العنصر الأم::
!DOCTYPE html <html> <head> <meta charset="utf-8"> <title>دليل أساسي(oldtoolbag.com)</title> <style> div { border: 1px solid #ccc; margin: 20px; padding: 10px 10px 10px 30px; } p:only-of-type { color: red; } </style> </head> <body> <div> <p>أنا العنصر الوحيد من نوع الجملة في هذا div.</p> <ul> <li>عنصر القائمة</li> <li>عنصر القائمة</li> </ul> </div> <div> <p>هذا div يحتوي على عدة جمل.</p> <p>أنا أيضًا جملة.</p> <ul> <li>عنصر القائمة</li> <li>عنصر القائمة</li> </ul> </div> </body> </html>اختبار لمعرفة ‹/›
element:only-of-type { style properties }
:only-of-type يمثل أي عنصر، هذا العنصر ليس لديه إخوة من نفس النوع.
الرقم في الجدول يشير إلى إصدار أول متصفح يدعم الخاصية.
المختارات | |||||
---|---|---|---|---|---|
:only-of-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |