Một class để tạo kiểu trong JavaScript

Giả sử chúng ta có hai class mà chúng ta áp dụng cho phần tử tùy thuộc vào trạng thái của nó:

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

Thực tế, việc có hai class ở đây có thể gây cản trở. Trong trường hợp này, chúng ta có thể viết lại các kiểu như sau thông qua bộ chọn :not:

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

Trong trường hợp này, chúng ta có thể một cách thuận tiện chuyển đổi class của mình, làm cho phần tử trở nên hoạt động hoặc không hoạt động:

javascriptelem.classList.toggle('active');