Комментарий #2927405

Darkza ушёл на MAL
@Poli Constandant, уточни вопрос, каких еще контейнеров?

@Ja Mi[comment=2927366],
Ja MiJa Mi[comment=2927366]
Подскажите пожалуйста, как при наведении на один объект менять свойства другого?
Вообще это возможно только в таких случаях:
1) элемент должен меняться при наведении на его родителя (не важно какого поколения)
.l-page:hover h1{color: red}
Такой селектор называется "контекстным": h1 потомок .l-page
Наводим на страницу, а меняем заголовок (цвет ника)
2) элемент должен меняться при наведении на элемент, с которым они одного уровня в DOM дереве, например:
.profile-head:hover + .profile-content * {color:red;}

Наводим на верхнюю часть страницы, где ник и другая информация, а меняем нижнюю часть
"Соседний" селектор (плюсик - '+') если элемент следует сразу за тем, на который наводишь
"Сестринский" селетор (тильда - '~' (с некоторыми шрифтами не отображается, но там тильда)) если следует не сразу, а, например, через один, или через два, или через n элементов, но все они должны быть одного уровня. С помощью них так же можно поменять потомков элемента одного уровня:
.profile-head:hover ~ .profile-content .value.b-tooltipped {color:red;}
Вроде как, других случаев просто нет. Ты точно не сможешь изменить родителя, если он должен меняться при наведении на его потомка и кроме этого и перечисленных двух случаев я больше не могу придумать. Чтобы лучше понять, как это работает прочитай, что такое DOM дерево.
Ответы
Not Exist
Not Exist#
@Dark_zarich, стоит добавить в FAQ
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть