Подскажите пожалуйста, как при наведении на один объект менять свойства другого?
Вообще это возможно только в таких случаях: 1) элемент должен меняться при наведении на его родителя (не важно какого поколения)
.l-page:hover h1{color: red}
Такой селектор называется "контекстным": h1 потомок .l-page Наводим на страницу, а меняем заголовок (цвет ника) 2) элемент должен меняться при наведении на элемент, с которым они одного уровня в DOM дереве, например:
Наводим на верхнюю часть страницы, где ник и другая информация, а меняем нижнюю часть "Соседний" селектор (плюсик - '+') если элемент следует сразу за тем, на который наводишь "Сестринский" селетор (тильда - '~' (с некоторыми шрифтами не отображается, но там тильда)) если следует не сразу, а, например, через один, или через два, или через n элементов, но все они должны быть одного уровня. С помощью них так же можно поменять потомков элемента одного уровня:
Вроде как, других случаев просто нет. Ты точно не сможешь изменить родителя, если он должен меняться при наведении на его потомка и кроме этого и перечисленных двух случаев я больше не могу придумать. Чтобы лучше понять, как это работает прочитай, что такое DOM дерево.
@Poli Constandant, уточни вопрос, каких еще контейнеров?@Ja Mi[comment=2927366],[comment=2927366]1) элемент должен меняться при наведении на его родителя (не важно какого поколения)
Такой селектор называется "контекстным": h1 потомок .l-page
Наводим на страницу, а меняем заголовок (цвет ника)
2) элемент должен меняться при наведении на элемент, с которым они одного уровня в DOM дереве, например:
Наводим на верхнюю часть страницы, где ник и другая информация, а меняем нижнюю часть
"Соседний" селектор (плюсик - '+') если элемент следует сразу за тем, на который наводишь
"Сестринский" селетор (тильда - '~' (с некоторыми шрифтами не отображается, но там тильда)) если следует не сразу, а, например, через один, или через два, или через n элементов, но все они должны быть одного уровня. С помощью них так же можно поменять потомков элемента одного уровня:
Вроде как, других случаев просто нет. Ты точно не сможешь изменить родителя, если он должен меняться при наведении на его потомка и кроме этого и перечисленных двух случаев я больше не могу придумать. Чтобы лучше понять, как это работает прочитай, что такое DOM дерево.
@Not Exist