Несколько возможных причин, по которым при наведении на одни элементы hover срабатывает, а на другие нет:
- Порядок и вложенность элементов в HTML. www.cyberforum.ru Чтобы эффект hover сработал, элементы должны находиться в правильном порядке и быть вложены друг в друга. www.cyberforum.ru
- Наличие пробела перед :hover. dev.to В этом случае эффект hover будет применяться ко всем дочерним элементам элемента, а не к самому элементу. dev.to
- Использование селектора «+» для обращения к следующему по коду соседнему элементу. yandex.ru Оба элемента должны находиться в одном родителе и следовать друг за другом. yandex.ru Если иерархия элементов сложная, можно использовать JavaScript. yandex.ru
Для решения проблемы рекомендуется проверить и при необходимости исправить порядок элементов и структуру кода.