عرض مصدر CSS/:not

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:not()</code>‎}}</noinclude>
الصنف الزائف <code>‎:not()</code>‎ في CSS (أي pseudo-class) يُمثِّل العناصر التي لا تُطابِق مُحدِّدًا أو أكثر، يسمى هذا الصنف أيضًا بصنف النفي الزائف (negation pseudo-class). 

هذا المُحدِّد يُحدِّد أيّة عناصر ليست <code>[[HTML/p|<nowiki><p></nowiki>]]</code>:<syntaxhighlight lang="css">
:not(p) {
  color: blue;
}
</syntaxhighlight>ملاحظات:
* يمكن كتابة مُحدِّدات ليس لها فائدة، مثل <code>‎:not(*)‎</code> التي تُطابِق أيّ عنصر ليس عنصرًا، أي أنَّ هذا المُحدِّد لن يُطبَّق أبدًا.
* يمكن أن يزيد هذا الصنف من درجة التحديد للقاعدة، فمثلًا المُحدِّد ‎<code>#foo:not(#bar)‎</code> يؤدي إلى مطابقة ما يطابقه ‎<code>#foo</code> لكن بدرجة تحديد أكبر.
* المُحدِّد ‎<code>:not(.foo)‎</code> سيُطابِق كل العناصر التي ليس لها الصنف <code>foo</code> بما في ذلك <code>[[HTML/html|<html>]]</code> و <code>[[HTML/body|<body>]]</code>.
* سيُطبَّق هذا المُحدِّد على عنصر واحد، أي لا يمكنك استخدامه لاستثناء جميع العناصر الأب، فمثلًا المُحدِّد <code>body :not(table) a</code> سيُطبَّق على الروابط الموجودة داخل الجدول، لأنَّ العنصر <code>[[HTML/tr|<nowiki><tr></nowiki>]]</code> سيُطابَق لأنه ليس جدولًا.
يقبل الصنف الزائف <code>‎:not()</code>‎ قائمةً من المُحدِّدات مفصولٌ بينها بفاصلة، ولا يجوز أن تحتوي تلك المُحدِّدات على أصناف زائفة أخرى. لاحظ أنَّ دعم استخدام أكثر من مُحدِّد ما يزال ضعيفًا (راجع قسم «<nowiki/>[[#دعم المتصفحات|دعم المتصفحات]]»):<syntaxhighlight lang="css">
:not( <selector># )
</syntaxhighlight>
== أمثلة ==
لاحظ كيف استخدمنا الصنف الزائف <code>‎:not()</code>‎ في المثال الآتي:<syntaxhighlight lang="html">
<p>I am a paragraph.</p>
<p class="fancy">I am so very fancy!</p>
<div>I am NOT a paragraph.</div>
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
.fancy {
  text-shadow: 2px 2px 3px gold;
}

p:not(.fancy) {
  color: green;
}

body :not(p) {
  text-decoration: underline;
}

body :not(div):not(span) {
  font-weight: bold;
}

body :not(.crazy, .fancy) {
  font-family: sans-serif;
}
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|1.0
|1.0
|9.0
|9.5
|3.2
|-
!أكثر من مُحدِّد
|غير مدعومة
|غير مدعومة
|غير مدعومة
|غير مدعومة
|9.0
|}

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