دليل مرجعي CSS

CSS @ قواعد (RULES)

مجموعة خصائص CSS

وظائف CSS دليل كامل الخاص بالاختيارات في CSS

CSS3 :not اختيار

CSS الصيغة الوهمية :not() تستخدم للتوافق مع العناصر التي لا تتوافق مع مجموعة من اختيارات الأسلوب. بسبب تأثيرها على منع اختيار العناصر المحددة، فإنها تُعرف أيضًا بصيغة الوهمية المضادة (negation pseudo-class).

دليل إكمال اختيارات CSS الكاملة

ملاحظة:

:not() لا يمكن تضمين الصيغ الوهمية، مما يعني :not(:not(...)) غير صالحة.
بسبب أن العناصر الوهمية ليست اختياراً بسيطاً، فإنها لا يمكن أن تكون :not() ، على شكل، المعامل في :not(p::before) هذا المختار لن يعمل.
يمكن استخدام هذه الصفة الوهمية لإنشاء مختار غير مفيد تمامًا. على سبيل المثال، :not(*) سيطابق أي عنصر غير عنصر، لذا لن يتم تطبيق هذه القاعدة أبدًا.
يمكن استخدام هذه الصفة الوهمية لرفع أولوية القاعدة. على سبيل المثال، #foo:not(#bar) و #foo سيطابق نفس العناصر، ولكن الأول له أولوية أعلى.
:not(.foo) سيطابق أي عنصر غير .foo العناصر،بما في ذلك <html> و <body>.
هذا المختار سيطبق على عنصر واحد فقط، لا يمكن استخدامه لإزالة جميع العناصر الأب. body :not(table) a سيطبق على عناصر جدول <table> داخل <a> ، لأن <tr>سيتم :not(table) هذه المختارك تطابق.

مثال عبر الإنترنت

ضبط لون الخلفية لكل عنصر غير <p>.

مثال

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>دروس أساسية (oldtoolbag.com)</title>
<style>
p {
　　　　color: #000000;
}
:not(p) {
　　　　color: #ff0000;
}
</style>
</head>
<body>
<h1>هذا هو العنوان.</h1>
<p>هذا جملة.</p>
<p>هذا جملة أخرى.</p>
<div>هذا نص بعض عناصر div.</div>
<a href="//ar.oldtoolbag.com/" target="_blank">رابط إلى الدروس الأساسية</a>
</body>
</html>

الاختبار لرؤية ‹/›

التعريف والاستخدام

الصفة :not() يمكن أن تأخذ قائمة من المختارات المفصولة بالكوماس كمعاملاتها. لا يجب أن تحتوي المختارك على مختار نفي آخر أو عنصر وهمي.

ملاءمة المتصفح

الرقم في الجدول يظهر إصدار أول متصفح يدعم هذا المختارك

المخترق
:not()	4.0	9.0	3.5	3.2	9.6

دليل إكمال اختيارات CSS الكاملة

وظائف CSS دليل كامل الخاص بالاختيارات في CSS