عرض مصدر CSS/:only-of-type

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:only-of-type</code>‎}}</noinclude>
الصنف الزائف <code>‎:only-of-type</code>‎ في CSS (أي pseudo-class) يُطابِق عنصرًا لا يملك أيّة عناصر أخوة (siblings) من نفس نوعه. 

هذا المُحدِّد يُحدِّد جميع عناصر <code>[[HTML/p|<nowiki><p></nowiki>]]</code> التي لا يوجد لها أخوة من النوع <code>[[HTML/p|<nowiki><p></nowiki>]]</code>: <syntaxhighlight lang="css">
p:only-of-type {
  background-color: lime;
}
</syntaxhighlight>ملاحظة: عندما عُرِّف هذا الصنف كان من الضروري أن يملك العنصر أبًا، لكن بدءًا من مواصفة Selectors Level 4 لم يعد ذلك ضروريًا. الشكل العام لهذا المحدد:<syntaxhighlight lang="css">
:only-of-type
</syntaxhighlight>
== أمثلة ==
لاحظ كيف استخدمنا الصنف الزائف <code>‎:only-of-type</code> في المثال الآتي:<syntaxhighlight lang="html">
<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>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
main :only-of-type {
  color: red;
}
</syntaxhighlight>
== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|1.0
|3.5
|9.0
|9.5
|3.2
|-
!عدم الحاجة إلى وجود عنصر أب
|57
|51
|؟
|44
|؟
|}

==انظر أيضًا==
* صفحة الصنف الزائف <code>[[CSS/:first-child|first-child:]]</code> الذي يُمثِّل أوّل عنصر في مجموعة من العناصر الأخوة (sibling elements).
* صفحة الصنف الزائف <code>[[CSS/:last-child|last-child:]]</code> الذي يُمثِّل آخر عنصر في مجموعة من العناصر الأخوة (sibling elements).
* صفحة الصنف الزائف <code>[[CSS/:nth-child|nth-child:]]</code> الذي يُطابِق عنصرًا أو أكثر بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings).
* صفحة الصنف الزائف <code>[[CSS/:nth-of-type|nth-of-type:]]</code> الذي  يُطابِق عنصرًا أو أكثر من نوعٍ معيّن بناءً على موقعه ضمن مجموعة من العناصر الأخوة (siblings).

== مصادر ومواصفات ==
*مسودة [https://drafts.csswg.org/selectors-4/#only-of-type-pseudo Selectors Level 4].
*مواصفة [https://drafts.csswg.org/selectors-3/#only-of-type-pseudo Selectors Level 3].
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]