الصنف :only-of-type
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الصنف الزائف :only-of-type
في CSS (أي pseudo-class) يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه.
هذا المُحدِّد يُحدِّد جميع عناصر <p>
التي لا يوجد لها أخوة من النوع <p>
:
p:only-of-type {
background-color: lime;
}
ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد:
:only-of-type
أمثلة
لاحظ كيف استخدمنا الصنف الزائف :only-of-type
في المثال الآتي:
<main>
<div>أنا `div` #1.</div>
<p>أنا عنصر وحيد `p` بين عناصر الإخوة.</p>
<div>أنا `div` #2.</div>
<div>أنا `div` #3.
<i>أنا الابن `i` الوحيد.</i>
<em>أنا `em` #1.</em>
<em>أنا `em` #2.</em>
</div>
</main>
شيفرة CSS:
main :only-of-type {
color: red;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 1.0 | 3.5 | 9.0 | 9.5 | 3.2 |
عدم الحاجة إلى وجود عنصر أب | 57 | 51 | ؟ | 44 | ؟ |
انظر أيضًا
- صفحة الصنف الزائف
first-child:
الذي يُمثِّل أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements). - صفحة الصنف الزائف
last-child:
الذي يُمثِّل آخر عنصر في مجموعة من العناصر الأخوة (sibling elements). - صفحة الصنف الزائف
nth-child:
الذي يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings). - صفحة الصنف الزائف
nth-of-type:
الذي يُطابِق عنصرًا أو أكثر من نوعٍ معيّن بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings).
مصادر ومواصفات
- مسودة Selectors Level 4.
- مواصفة Selectors Level 3.