:hover يطبّق التنسيق عندما يمرر الزائر المؤشر فوق العنصر:
a:hover {
color: red;
}هنا يتحول لون الرابط إلى الأحمر عند التحويم فوقه.
حالات قريبة
:hover: عند التحويم بالفأرة.:focus: عند الوصول للعنصر بلوحة المفاتيح (Tab) أو النقر عليه.:active: لحظة الضغط.
انتبه للجوال ولوحة المفاتيح
لا يوجد تحويم على شاشات اللمس، فلا تضع معلومات مهمة تظهر بـ :hover فقط. ويُفضَّل إعطاء :focus-visible تنسيقًا واضحًا لمن يستخدم لوحة المفاتيح.