दिलचस्प पोस्ट
आईओएस में सिंगलटन 5? मास्टर की चौड़ाई UISplitViewController में बदलें हैशोड के बीच संबंध और जावा में विधि के बराबर कैसे SQL सर्वर में वैश्विक चर घोषित करने के लिए ..? मैं स्थिर विधि और गैर-स्थिर विधि के बीच के अंतर को जानना चाहता हूं फेसबुक के नए आईओएस एप में एक की तरह एक साइडविप मेनू को विकसित करने का सबसे अच्छा तरीका क्या है? सी #: चाहिए चर आवर्तित करने के लिए असाइन किया जाना चाहिए? मैं गिट को अपनी पसंद के संपादक का उपयोग करने के लिए कैसे करूं? सीएसएस वर्टिकल सेंटरिंग कैसे दो मार्कर पैटर्न के बीच लाइनों का चयन करें जो awk / sed के साथ कई बार हो सकता है JQuery अजाक्स पोस्ट 500 इंटरनल सर्वर त्रुटि में परिणाम व्युत्पन्न दूरी भारित (आईडीडब्ल्यू) पायथन के साथ प्रक्षेप बीएमपी के बाहर जावास्क्रिप्ट स्ट्रिंग एक बैश चर में कई लाइन आउटपुट कैप्चर करना शून्य लेआउट के साथ JPanel में JTable को कैसे जोड़ें?

सीएसएस में 'होवर' का उपयोग कैसे करें

मैंने इस लक्ष्य को पूरा करने के लिए नीचे दिए गए कोड का इस्तेमाल किया है:

जब माउस लंगर पर मंडराना होता है, तो रेखांकन बाहर आ जाता है,

लेकिन यह काम करने में विफल रहा है,

<a class="hover">click</a> a .hover :hover{ text-decoration:underline; } 

ऐसा करने के लिए सही संस्करण क्या है?

Solutions Collecting From Web of "सीएसएस में 'होवर' का उपयोग कैसे करें"

यदि आप चाहें तो नीचे दिए गए लिंक पर मौजूद माउस को उपस्थित करते रहें, तो:

 a:hover {text-decoration: underline; } 

पर्याप्त है, लेकिन यदि आप चाहें तो 'होवर' के क्लास-नाम का उपयोग भी कर सकते हैं, और निम्नलिखित समान रूप से लागू होंगे:

 a.hover:hover {text-decoration: underline; } 

संयोग से यह बता सकता है कि 'हॉवर' का वर्ग नाम वास्तव में तत्व को कुछ भी नहीं जोड़ता है, जैसा कि एक के psuedo-element a:hover के समान है a.hover:hover जब तक यह सिर्फ एक वर्ग-नाम का उपयोग करने का एक प्रदर्शन नहीं है

ऐसा करने के कई तरीके हैं यदि आप वास्तव में अपने तत्व में 'हॉवर' वर्ग चाहते हैं, तो आपको करना होगा:

 a.hover:hover { code here } 

फिर, फिर भी, इस तरह के एक क्लास के नाम असामान्य है, इस तरह आप नियमित रूप से होवर करते हैं:

 select:hover { code here } 

यहां कुछ और उदाहरण दिए गए हैं:

1

HTML:

 <a class="button" href="#" title="">Click me</a> 

सीएसएस:

 .button:hover { code here } 

2

HTML:

 <h1>Welcome</h1> 

सीएसएस:

 h1:hover { code here } 

: होवर कई छद्म-वर्गों में से एक है

उदाहरण के लिए, आप बदल सकते हैं, आप एक तत्व की स्टाइल को नियंत्रित कर सकते हैं जब माउस उस पर घुमाता है, जब इसे क्लिक किया जाता है और जब इसे पहले क्लिक किया गया था।

HTML:

 <a class="home" href="#" title="Go back">Go home!</a> 

सीएसएस:

 .home { color: red; } .home:hover { color: green; } .home:active { color: blue; } .home:visited { color: black; } 

उदाहरण के तौर पर मैंने जो अजीब रंग दिया है, इसके अलावा 'होम' क्लास के साथ लिंक डिफ़ॉल्ट रूप से लाल हो जाएगा, जब हरे रंग माउस को घूमता है, नीले जब वे क्लिक किए जाते हैं और ब्लैक के बाद क्लिक किए जाते हैं।

उम्मीद है की यह मदद करेगा

जवाब नहीं, लेकिन सीएसएस एचटीएमएल से मेल नहीं खा रहा है इसका स्पष्टीकरण

सीएसएस स्पेस में बच्चों को देखने के लिए ब्राउज़र को बताने के लिए एक विभाजक के रूप में उपयोग किया जाता है, इसलिए आपका सीएसएस

 a .hover :hover{ text-decoration:underline; } 

का अर्थ है "किसी तत्व की तलाश करें, फिर उस किसी भी वंश की तलाश करें, जिसकी कक्षा में मंडराना हो और उन वंशों के किसी भी वंश की तलाश करें जो राज्य में मंडराना करते हैं" और इस मार्कअप का मिलान करेंगे

 <a> <span class="hover"> <span> I will become underlined when you hover on me <span/> </span> </a> 

यदि आप a.hover:hover a class="hover">I will become underlined when you hover on me</a> a.hover:hover से मिलान करना चाहते हैं, तो a class="hover">I will become underlined when you hover on me</a> a.hover:hover करते हैं, तो आपको एक a.hover:hover उपयोग करना चाहिए a.hover:hover , जिसका अर्थ है "क्लास होवर और होवर स्टेट के साथ किसी तत्व को ढूंढें "

a.hover: मंडराना

 a.hover:hover { text-decoration:underline; } 

आपको चयनकर्ता और छद्म चयनकर्ता को जोड़ना होगा अपनी शैली को रखने के लिए आपको एक स्टाइल एलीमेंट की आवश्यकता होगी अधिकांश लोग बाहरी स्टाइलशीट का उपयोग करते हैं, बहुत सारे लाभों (एक के लिए कैशिंग) के लिए।

 <a class="hover">click</a> <style type="text/css"> a.hover:hover { text-decoration: underline; } </style> 

बस एक नोट: मंडराना वर्ग आवश्यक नहीं है, जब तक कि आप इस व्यवहार के लिए केवल कुछ लिंक परिभाषित कर रहे हों (जो कि मामला हो सकता है)

Href एंकर तत्व का एक आवश्यक विशेषता है, इसलिए इसके बिना, आप सभी ब्राउज़रों को समान रूप से इसे संभालने की उम्मीद नहीं कर सकते। वैसे भी, मैं किसी टिप्पणी में कहीं पढ़ता हूं कि आप चाहते हैं कि आप केवल तख्ते पर रेखांकित हो, और अन्यथा नहीं। आप इसे प्राप्त करने के लिए निम्न का उपयोग कर सकते हैं, और यह केवल मंडराने वाले वर्ग के लिंक पर लागू होगा:

 <a class="hover" href="">click</a> a.hover { text-decoration: none; } a.hover:hover { text-decoration:underline; } 

आपको इस्तेमाल करना चाहिए था:

 a:hover { text-decoration: underline; } 

hover सीएसएस में छद्म वर्ग है। कोई वर्ग असाइन करने की आवश्यकता नहीं है।

मैं पिछली बार एक अच्छा दोष पर काम कर रहा था और एक टैग लिंक के लिए और आईई ब्राउज़र के लिए ठीक से मंडराने योग्य संपत्ति का इस्तेमाल करने के बारे में सोच रहा था। मेरे लिए एक अजीब बात यह थी कि IE सरल ए चयनकर्ता पर आधारित टैग लिंक तत्व को कैप्चर करने में सक्षम नहीं था। इसलिए, मुझे पता चला कि एक टैग तत्व कैप्चर करने के लिए भी कैसे बल मिला और मैंने देखा कि हमें अधिक विशिष्ट सीएसएस चयनकर्ता का उपयोग करना चाहिए। यहाँ नीचे एक उदाहरण है – यह सही काम करता है:

 li a[href]:hover {...}