আমি কীভাবে কোনও aউপাদানের উপর হোভার ইফেক্ট প্রয়োগ করব , কিন্তু aশ্রেণীর সাথে কোনও উপাদানকে নয় active?
a:hover(not: .active)
মনে হচ্ছে কিছু অনুপস্থিত।
উত্তর:
কার্যকরী স্বরলিপি চালু আছে :not(), নয় :hover:
a:not(.active):hover
আপনি যদি :hoverপ্রথমে রাখতে পছন্দ করেন তবে তা ঠিক:
a:hover:not(.active)
কোন সিউডো-ক্লাসটি প্রথম বা শেষ আসে তা বিবেচনা করে না; যেভাবেই হোক, নির্বাচক একই কাজ করে। :hoverস্ট্রাকচারাল সিউডো-ক্লাসের পিছনে ব্যবহারকারী-মিথস্ক্রিয়া সিউডো-ক্লাস রাখার প্রবণতাটি শেষ করার জন্য এটি আমার ব্যক্তিগত কনভেনশন হতে পারে ।
আপনার কাছে not()নির্বাচক ব্যবহারের বিকল্প রয়েছে ।
a:not(.active):hover { ... }
যাইহোক, এটি সমস্ত ব্রাউজারগুলিতে কাজ করতে পারে না, কারণ সমস্ত ব্রাউজারগুলি CSS3 বৈশিষ্ট্য প্রয়োগ করে না।
যদি আপনি একটি বিশাল শ্রোতাদের লক্ষ্য করে নিচ্ছেন এবং পুরানো ব্রাউজারগুলিকে সমর্থন করতে চান তবে সবচেয়ে ভাল উপায় হ'ল কোনও স্টাইল সংজ্ঞায়িত করা .active:hoverএবং আপনি যা করছেন তা পূর্বাবস্থায় ফিরিয়ে আনতে হবে a:hover।
not()এমএসডিএন.মাইক্রোসফটকম /en-us/library/ … সমর্থন করে না বলে মনে হচ্ছে । আপনি যদি করেন তবে সম্ভবত @Mendhak এর উত্তর দেখুন।