Pinning Dropdown in DevTools Hovتثبيت وفحص القائمة بأدوات المطور
صمم قوائم منسدلة احترافية بلغة CSS الخالصة عبر القوائم الدلالية المتداخلة والتموضع المنطقي ثنائي اللغة والانتقالات السلسة وجسر الفأرة الخفي ودعم التنقل الكامل بلوحة المفاتيح.
2 صفوف تعليمية
لغة CSS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
قد يبدو فحص القائمة المنسدلة مربكاً في البداية لأن تحريك مؤشر الفأرة من الصفحة نحو نافذة أدوات المطور ينهي حالة :hover فيخفي القائمة فوراً! وتوفر المتصفحات حلاً مدمجاً داخل لوحة الأنماط؛ إذ يكفي تحديد العنصر الأب <li class="has-menu"> في شجرة العناصر ثم النقر على زر :hov وتفعيل خيار :hover أو :focus-within.
يبقي هذا التثبيت اللوحة المنسدلة مفتوحة باستمرار أمامك لتعديل الحشوات وتباين الألوان والظلال بدقة وسهولة.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (القوائم المنسدلة في لغة CSS)
