: होवर - सीएसएस-ट्रिक्स | सीएसएस पंचांग 2025

:hoverसीएसएस चयन तत्वों में छद्म वर्ग जब माउस कर्सर उन पर वर्तमान है। यह आमतौर पर लिंक ( ) तत्वों के साथ जुड़ा हुआ है ।

a:hover ( color: green; text-decoration: underline overline; )

तो जब इस तरह एक लिंक "hovered" है (एक माउस के साथ एक डिवाइस पर एक कर्सर के साथ):

Go to Google

यह हरा हो जाएगा और इसके नीचे और ऊपर एक रेखा होगी।

IE 6 और नीचे में, :hover केवल लिंक पर काम करते थे, लेकिन नए ब्राउज़रों में, यह किसी भी तत्व पर काम करता है। यह ड्रॉपडाउन मेनू जैसी चीजों के लिए विशेष रूप से उपयोगी हो सकता है जिसमें आप :hover एक मूल सूची आइटम की प्रतीक्षा कर सकते हैं और फिर नेस्टेड मेनू के अगले स्तर को प्रकट कर सकते हैं। हालांकि, सावधानीपूर्वक हॉवर प्रभाव को किसी प्रकार की कार्रवाई के साथ जोड़ा जाना चाहिए, क्योंकि यह एक लंबे समय से स्थापित वेब पैटर्न है।