मैं इस तरह कुछ करना चाहता हूँ:एचटीएमएल टैग के अंदर सीएसएस होवर का उपयोग कैसे करें?
<li style="hover:background-color:#006db9;">
लेकिन यह अभ्यस्त काम करते हैं। क्या यह किसी भी तरह से करना संभव है, या क्या मुझे सिर या बाहरी सीएसएस-दस्तावेज़ में सीएसएस लिखना है?
style विशेषता का उपयोग करना संभव नहीं है। आपको दस्तावेज़ में या बाहरी फाइल में सीएसएस का उपयोग करना होगा।
li:hover { background-color:#006db9; }
यदि यह कोई विकल्प नहीं है तो आपको जावास्क्रिप्ट का सहारा लेना होगा।
AFAIK इसे जावास्क्रिप्ट के बिना इनलाइन नहीं किया जा सकता है। जैसा कि आप पहले ही सुझाव देते हैं, आपको इसे सिर या बाहरी स्टाइलशीट में रखना होगा।
शरीर में टैग <style> टैग को उन सभी ब्राउज़रों द्वारा भी व्याख्या किया जाता है जो मुझे पता है लेकिन मान्य नहीं है और इसलिए अनुशंसित नहीं है।
AFAIK आप इनलाइन सीएसएस पर छद्म-वर्ग (: होवर, सक्रिय, आदि) का उपयोग नहीं कर सकते हैं।
a.hoverable:hover{background-color:#006db9}
या फिर आप उपयोग कर सकते हैं:
<li>, आप एक एंकर टैग में यह घोंसला
<a href="#" class="hoverable"> और फिर फ़ाइल के शीर्ष पर या बाह्य CSS फ़ाइल में इस स्टाइल डाल कर सकते हैं होने के
एंकर टैग का उपयोग करने से बचने के लिए जावास्क्रिप्ट।
मैं JQuery की सिफारिश करता हूं।
इनलाइन शैलियों के साथ यह संभव नहीं है, लेकिन (इन) मशहूर ऑनमौसओवर/ऑनमाउसआउट इवेंट हैंडलर वही काम कर सकता है।
<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''">
चेतावनी: हाइफ़न के साथ सीएसएस परिभाषाओं CamelCase का उपयोग कर जावास्क्रिप्ट को अनुवाद किया जाना है, जैसे (सीएसएस) पृष्ठभूमि रंग = (जावास्क्रिप्ट) पृष्ठभूमि रंग
ऐसा नहीं है कि उन pseudoclasses सभी ब्राउज़रों पर काम नहीं करता है उल्लेख करने के लिए । एकमात्र विश्वसनीय रिसॉर्ट जेएस है। – BalusC
सहमत हुए। दुर्भाग्यवश यह सच है :( –
क्या वहां (आधे रास्ते चालू) ब्राउज़र हैं जो समर्थन नहीं करते हैं: IE के अलावा होवर <7? –