CSS Selector Tester
اختبر محددات CSS وشاهد مباشرة العناصر التي يطابقها كل Selector داخل كود HTML.
لم يتم الاختبار بعد
اضغط على زر "اختبار" لرؤية العناصر المطابقة.
اختبار فوري
اختبر محددات CSS مباشرة وشاهد العناصر المطابقة فوراً.
يعمل محلياً
تتم معالجة HTML وCSS داخل المتصفح دون إرسال الكود إلى خادم خارجي.
يدعم CSS Selectors
يمكنك اختبار Classes وIDs والعناصر والعلاقات والمحددات المتقدمة.
كيف تستخدم CSS Selector Tester؟
أدخل HTML
ضع كود HTML الذي تريد اختبار محددات CSS عليه.
اكتب Selector
أدخل محدد CSS مثل .card أو #menu أو div p.
شاهد النتائج
ستظهر جميع العناصر التي يطابقها المحدد مباشرة.
أسئلة حول CSS Selector Tester
ما هو CSS Selector؟
هو نمط يستخدم في CSS لتحديد عناصر HTML التي تريد تطبيق التنسيقات عليها، مثل .card أو #header أو div p.
هل يمكن اختبار Class؟
نعم. استخدم النقطة قبل اسم الـ Class، مثل .card أو .button.
هل يمكن اختبار ID؟
نعم. استخدم علامة # قبل اسم الـ ID، مثل #header أو #menu.
ماذا يحدث إذا كان Selector غير صحيح؟
ستظهر رسالة توضح أن محدد CSS غير صالح، ولن يتم عرض نتيجة حتى يتم تصحيحه.
هل يتم إرسال الكود إلى الخادم؟
لا. عملية الاختبار تتم بالكامل داخل المتصفح.