Не понимаю некоторые моменты с псевдоклассами, как здесь решить данные проблемы?

Question

[hozzy8]

Сделал обращение по чайлдам к каждому элементу и сделал ему отдельные стили. Потом через hover(наведение) сделал чтобы все вернулось к нормальным стилям. https://imgur.com/a/w6LP4XK НО заметил, что теперь при обводке(ховером) отступы остаются как прежде(что в принципе логично) и это выглядит ужасно. + иконки также становятся неровными. Как фиксить это?

И еще одна головная боль: например я хочу чтобы при наводке род.класса для этих элементов, изменились собственно все эти элементы, а не как по отдельному на каждые наводить. Это возможно реализовать? Как?
https://codepen.io/uoi99/pen/vYKEJdP код, но без иконок, не знаю как на коддовен картинки грузить, с урлами лень заморачиваться

Answer 1

[Ankhena]

Начните с проверки вашего кода валидатором https://validator.w3.org/nu/
Затем исправьте все ошибки.
Потом поговорим.

хочу чтобы при наводке род.класса для этих элементов, изменились собственно все эти элементы,

Так и пишите
родитель:hover дочерний {стили}

не знаю как на коддовен картинки грузить

Ставьте заглушки https://placeholder.com/ или загрузите картинки на любой хостинг или файлообменник, позволяющий показывать картинки по прямой ссылке.

p.s. первая часть вопроса вообще не понятна

Comments

[hozzy8]

нет, у меня это и так уже есть https://imgur.com/a/OsokzHA
он срабатывает только на КОНКРЕТНЫЙ ul(кстати только щас заметил что я вместо li ul написал лол), а мне нужно чтобы я наводил на ВЕСЬ родительский див, и срабатывали ОТДЕЛЬНЫЕ стили для каждого дочернего элемента ДИВА

[Ankhena]

hozzy8,

чтобы я наводил на ВЕСЬ родительский див, и срабатывали ОТДЕЛЬНЫЕ стили для каждого дочернего элемента ДИВА

Я вам это и написала.

ВЕСЬ-родительский-див:hover дочерний {}
Так и пишете все подряд.
Например, https://jsfiddle.net/s87rokwt/

[hozzy8]

Ankhena, все понял, danke

[Ankhena]

hozzy8, обращайтесь