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ó:
div.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:
div.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:
elem.classList.toggle('active');
Cho các đoạn văn. Hãy làm sao để mỗi đoạn văn khi nhấp chuột lần đầu tiên sẽ đổi màu thành đỏ, và khi nhấp chuột lần thứ hai - sẽ đổi lại màu đen.
