شرح صفوف ومحتوى الفقرة
عند فحص عنصر في أدوات المطور داخل المتصفح وتوسيع وسمه في لوحة العناصر، تظهر عقدتا ::before و::after لتسهيل معاينة أبعادهما وألوانهما المحسوبة. غير أن المحتوى المولد عبر CSS لا يعد جزءاً حقيقياً من شجرة المستند؛ فلا يستطيع الزائر تظليله ونسخه بالمؤشر، ولا تعتمد عليه محركات البحث بوصفه نصاً أساسياً في الصفحة.
لذلك التزم دائماً بقاعدة إمكانية الوصول القياسية: اجعل ::before و::after للزخرفة البصرية أو التعزيز الإضافي فقط، ولا تضع معلومات جوهرية كالأسعار أو التحذيرات أو معاني الإلزام حصرياً داخل خاصية content دون وجود نص حقيقي في المستند.
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
في ملخص الدرس أتقنت التمييز بين العناصر الزائفة والفئات الزائفة، وتوليد الزخارف وعلامات الاقتباس ثنائية اللغة عبر ::before و::after وخاصية content، وتنسيق ::first-line و::marker و::placeholder و::selection، وتحديث تصفير الأبعاد الشامل. وتتمثل الخطوة التالية في الانتقال إلى درس العدادات التلقائية في لغة CSS لترقيم العناوين والخطوات ديناميكياً.