कभी-कभी आपको इनलाइन CSS लिखने के लिए मजबूर किया जाता है, उदाहरण के लिए HTML ईमेल टेम्प्लेट्स में — आपके ईमेल/न्यूज़लेटर प्रदाता के आधार पर।
लेकिन आप इनलाइन CSS के साथ होवर इफेक्ट कैसे प्राप्त करते हैं?
आप नहीं कर सकते, लेकिन आप JavaScript के onMouseOver और onMouseOut मेथड का उपयोग करके वही होवर इफेक्ट बना सकते हैं।
मान लीजिए आप हाइपरलिंक के रंग को होवर (या माउसओवर) पर नीले से लाल में बदलना चाहते हैं:
<a href="#your-url-path" onMouseOver="this.style.color='red'" onMouseOut="this.style.color='green'" >Click here to Subscribe</a>
परिणाम:
Click here to Subscribe
सामान्य तौर पर, इनलाइन CSS आदर्श नहीं है, लेकिन कभी-कभी आपको चीजों को पूरा करने के लिए कम आदर्श कोड का उपयोग करने के लिए मजबूर किया जाता है।