Не работает псевдоэлменет при наведение на текст?

Не поворачивается псевдоэлменет при наведение на текст
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
mizutsune
@mizutsune
Simplicity is the ultimate sophistication.
Вот здесь:

.title:hover ~ .title::after {
    transform: rotate(180deg);
}


При наведении на элемент .title, вы пытаетесь применить трансформацию псевдоэлементу :after, используя при этом селектор следующего элемента, который работает совсем по другому.

Чтобы менять стили псевдоэлементов, при наведении на родительский элемент, используется такая комбинация:

<element>:hover::after { /* ... style */ }

То есть для решения проблемы, нужно сделать так:

.title:hover::after {
    transform: rotate(180deg);
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
nazares
@nazares
Software Engineer
потому что ты используешь jsfiddle а надо codepen.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы