Почему в применении класса active ничего не происходит?

Question

Тамаз

javascript , html , css

Почему в применении класса active ничего не происходит?

Как правильно реализовать преобразование плюса в минус при клике с помощью transform: rotate(0deg)? Я пытаюсь использовать этот метод для вертикальной палочки, применяя активный класс, но он не работает. Что я делаю не так? На что следует обратить внимание при такой реализации? Есть ли другие способы достичь желаемого результата?

14 февраля 2024 г. 17:48

Ответы на вопрос 2

Похожие вопросы

Answer 1

Проблема, возможно, заключается в том, что вы не добавили никакие действия для класса active. Чтобы что-то произошло, вам необходимо добавить CSS-свойства или JavaScript-код для класса active. 

Чтобы преобразовать плюс в минус с помощью CSS-свойства transform: rotate(0deg), вам нужно добавить некоторые обработчики событий для изменения этого свойства при клике. Например, вы можете добавить обработчик события click и переключать класс active с помощью JavaScript. Затем, используя CSS-псевдокласс :active и CSS-свойство transform, вы можете изменить поворот элемента при клике. Например:

```
// JavaScript
const element = document.querySelector('.element');

element.addEventListener('click', () => {
  element.classList.toggle('active');
});

// CSS
.element {
  /* ... */
}

.element:active {
  transform: rotate(180deg);
}
```

В данном примере, при клике на элемент с классом "element" будет добавляться или удаляться класс "active". При наличии класса "active" элемент будет поворачиваться на 180 градусов.

Если вы все еще испытываете проблемы, проверьте, что класс active правильно применяется к элементу.

Answer 2

проблема в том что внутри .program__link , нет элемента с классом .active 
 
 и там ещё опечатка где между классом и after 
 
 .program__link .active ::after 
 
 оставь просто .active в css