কখনও কখনও আপনাকে ইনলাইন 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>ফলাফল:
সাবস্ক্রাইব করতে এখানে ক্লিক করুন
সাধারণভাবে, ইনলাইন সিএসএস আদর্শ নয়, তবে কখনও কখনও আপনাকে কাজগুলি করতে আদর্শ কোডের চেয়ে কম ব্যবহার করতে বাধ্য করা হয়।
