شرح صفوف ومحتوى الفقرة
يمر كل رابط يحمل سمة href بخمس حالات تفاعلية عبر الفئات الوهمية، ويجب كتابتها في ملف الأنماط بالتسلسل القياسي الصارم LVHFA حتى لا تطغى حالة السكون على استجابة التمرير أو النقر:
- الحالة
:link: تمثل الرابط الطبيعي الذي لم يسبق للمستخدم فتحه بعد. - الحالة
:visited: تمثل الرابط الذي سبقت زيارته ومسجّل في سجل المتصفح. - الحالة
:hover: تعمل فور تمرير مؤشر الفأرة فوق الرابط. - الحالة
:focus: تعمل عند وصول مستخدم لوحة المفاتيح إلى الرابط عبر مفتاحTab. - الحالة
:active: تعمل في اللحظة الخاطفة أثناء ضغط زر الفأرة أو مفتاح الإدخال قبل إفلاته:
CSS
a:link { color: #1d4ed8; }
a:visited { color: #5b3894; }
a:hover { color: #0f766e; }
a:focus { outline: 2px solid #7750b2; }
a:active { color: #dc2626; }