জাভাস্ক্রিপ্টে স্টাইল করার জন্য একটি ক্লাস

ধরুন আমাদের দুটি ক্লাস আছে, যা আমরা উপাদানটির অবস্থার উপর নির্ভর করে দেই:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

আসলে এখানে দুটি ক্লাসের উপস্থিতি বাধা দিতে পারে। এই ক্ষেত্রে আমরা সেলেক্টর :not ব্যবহার করে নিম্নলিখিতভাবে স্টাইলগুলি পুনরায় লিখতে পারি:

cssdiv.active {
  color: red;
}
div:not(active) {
  color: black;
}

এই ক্ষেত্রে, আমরা একটি সুবিধাজনক উপায়ে আমাদের ক্লাসটি টগল করতে পারি, উপাদানটিকে সক্রিয় বা নিষ্ক্রিয় করে:

javascriptelem.classList.toggle('active');