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