"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > CSS: لا () الأداء المختلف للمحدد في Safari و Chrome و Firefox

CSS: لا () الأداء المختلف للمحدد في Safari و Chrome و Firefox

نشر في 2025-04-12
تصفح:777

Why Does the CSS `:not()` Selector Behave Differently in Safari, Chrome, and Firefox?

: not () تناقض التحديد بين Safari و Chrome و Firefox

غالبًا ما تنفذ الميزات مع إمكانات متباينة ، مما يؤدي إلى تقديم تباينات. CSS: NOT () محدد هو إحدى هذه الحالات ، حيث يعرض سلوكيات مختلفة عبر SAFARI ، Chrome ، و Firefox. في هذا المثال:

em: not (div) { اللون: أحمر } EM: لا (P Div) { اللون: الأزرق }

يجعل Safari النص باللون الأزرق ، بينما يستخدم Chrome و Firefox الأحمر. من ناحية أخرى ، يدعم Chrome و Firefox فقط الوسائط على مستوى واحد في الإصدار الحالي من: not (). في هذه الحالة ، "p div" هو محدد معقد يتكون من محددين مركبين ("P" و "div") مفصولة بواسطة combinator سليل.

يتم التداخل داخل عنصر "p".

em:not(div) {
    color: red
}
em:not(p div) {
    color: blue
}

حتى ذلك الحين ، يجب أن يكون المطورون على دراية بالتناقضات المحتملة عند استخدام: لا () محددات مع مستويات متعددة في هذه المتصفحات.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3