Прослушиватели событий JavaScript. Используйте JavaScript, чтобы добавить прослушиватели событий к нужным элементам, таким как кнопки или ссылки. В прослушивателе событий вы можете изменить атрибут класса нажатого элемента, чтобы он отражал активное состояние.

Селектор CSS :active: используйте селектор псевдокласса CSS :activeдля применения стилей к элементу во время его активного нажатия. Вы можете определить определенные стили, которые будут применяться, когда элемент находится в активном состоянии.

jQuery: если вы уже используете библиотеку jQuery, вы можете легко переключить активный класс с помощью функций addClass()и removeClass(). Привяжите эти функции к соответствующему событию, например к событию щелчка.

Событие React onClick. Если вы используете React.js, вы можете обрабатывать событие onClick и обновлять состояние компонента, чтобы оно отражало активный класс. Вы можете условно применить класс на основе значения состояния.

Директива Vue.js v-bind:class: В Vue.js вы можете использовать директиву v-bind:class для динамической привязки класса. Обновив связанное значение при нажатии, вы можете соответствующим образом изменить активный класс.

Angular (ngClass). В Angular вы можете использовать директиву ngClass для условного применения классов. Привязав соответствующее выражение к ngClass, вы можете изменить активный класс при возникновении события нажатия.

CSS-фреймворки. Многие CSS-фреймворки, такие как Bootstrap или Bulma, предоставляют встроенные классы и компоненты, которые обрабатывают активные состояния. Используя эти платформы, вы можете легко добиться желаемого эффекта без написания собственного кода.