شرح صفوف ومحتوى الفقرة
توفر عدادات CSS مرونة فائقة لتنسيق القوائم المرقمة. من خلال دمج خاصية
counter-reset على حاوية <ol>، وخاصية counter-increment على عناصر <li>، ودالة counter(step) داخل العنصر الزائف li::before، يمكنك بناء شارات ترقيم دائرية متطورة وملونة.
HTML
<ol>
<li>Draft Technical Specification</li>
<li>Build Semantic HTML Structure</li>
<li>Run Accessibility Audit</li>
</ol>يحافظ استخدام عدادات CSS مع العناصر الزائفة على كامل سهولة الوصول الرقمية: تواصل قارئات الشاشة نطق بنية القائمة المرقمة وترتيب بنودها بدقة، بينما ينعم المتصفح بشارات بصرية حديثة وتصميم أنيق متناسق.
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
ملخص الدرس: أتقنت في هذا الدرس دور القوائم المرقمة وعنصر ol، وبناء الخطوات المتسلسلة، وأنظمة الترقيم الخمسة لخاصية type، ونطق قارئات الشاشة للتعداد، وعدادات CSS المخصصة. الخطوة التالية تنقلنا إلى استكشاف القوائم الوصفية dl للمصطلحات والتعريفات.