জাভাস্ক্রিপ্টে স্টাইল করার জন্য একটি ক্লাস
ধরুন আমাদের দুটি ক্লাস আছে, যা আমরা উপাদানটির অবস্থার উপর নির্ভর করে দেই:
div.active {
color: red;
}
div.passive {
color: black;
}
আসলে এখানে দুটি ক্লাসের উপস্থিতি
বাধা দিতে পারে। এই ক্ষেত্রে আমরা
সেলেক্টর :not ব্যবহার করে নিম্নলিখিতভাবে
স্টাইলগুলি পুনরায় লিখতে পারি:
div.active {
color: red;
}
div:not(active) {
color: black;
}
এই ক্ষেত্রে, আমরা একটি সুবিধাজনক উপায়ে আমাদের ক্লাসটি টগল করতে পারি, উপাদানটিকে সক্রিয় বা নিষ্ক্রিয় করে:
elem.classList.toggle('active');
প্যারাগ্রাফ দেওয়া আছে। এমন করুন যাতে প্রতিটি প্যারাগ্রাফে প্রথম ক্লিক করলে তা লাল রং হয়, এবং দ্বিতীয় ক্লিক করলে আবার কালো রং হয়ে যায়।
