Как при наведении на один элемент менять стили другого элемента?
Создал svg-карту с текстом. Хочу чтобы при наведении на блоки они меняли цвета.
Сделал для зеленых блоков :hover, но проблема в том, что в них есть также текст, при наведении на который ничего не происходит.. Как сделать чтобы при наведении на текст, цвет блока тоже менялся?
Артур, почему на Вашем личном сайте(https://arturweb.ru/) в разделе отзывы Вы указываете ложную информацию? Екатерина Михайловна, которая оставила Вам отзыв, является Ксенией Пахомовой. Собственно как и остальные личности... Это Вы так бизнес свой начинаете с обмана? Девушка у Навального работает, не страшно?
А раздел Услуги вообще огонь(форма это отдельный разговор):
Воспользуйтесь услугой HTML/CSS правки. Она очень необходима Вам.
ps Ваш слоган: Сапожник без сапог?
psps
Ыыыыы :)
Фрилансом занимаюсь с 2014 года и на данный момент с уверенностью могу сказать, что уже насчитвается более 100+ успешных проектов: landing page, сайты-визитки, интернет-магазины, куча работ с графическими объектами, видео на YouTube, контент менеджмент и многое другое.
Артур, я бы предложил сделать текст html тегами, к примеру в Text
потом расположить их абсолютной позицией там где нужно. У каждого path будет свой id к примеру id="color1" и у каждого span будет свой атрибут, к примеру data-color="color1" при наведении сравниваете эти 2 значения, если они совпадают добавляете в span какой-то класс и в стилях задаете цвет
Юпитер Макс, Я так понял это уже js надо подключать, и не факт что все заработает.
Я хочу стилями как-то сделать, или в самой svg-карте, но пока что не знаю как..
Артур, никак вы не сделаете, так как событие hover в css можно применить только к дочернему элементу. В вашем случае текст не является дочерним. Поэтому вам нужно либо писать для каждого элемента ховер, но это будет вообще не айс, либо делать на js. На js все будет работать как часы.
Юпитер Макс, Решил проблему следующим образом: в Illustrator'e сгруппировал зеленый участок с текстом и теперь они находятся в теге , которому присвоил свой класс, а этому классу уже указал :hover. Поэтому нет разницы, наводят на текст или сам блок)