@Dar1uz

Как при наведении на один объект изменять стиль другого?

почему не работает этот код?

<div class="block1">
	<div class="label">text</div>
	<div class="block2">
		<a href="">1</a>
		<a href="">2</a>
		<a href="">3</a>
	</div>
</div>
<style>
	.block2 {
		display: none;
	}
	.block1:hover ~ .block2 {
		display: inline;
	}
</style>
  • Вопрос задан
  • 81 просмотр
Решения вопроса 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Потому что ~ - это следующий элемент того же уровня (subsequent-sibling), а вам нужен потомок (children).
Ответ написан
@UthvfyV
.block1:hover .block2 {
    display: inline;
  }
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
//stablecode Вена
от 250 000 ₽
Фрамир Санкт-Петербург
от 80 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽
02 мар. 2024, в 01:50
1500 руб./за проект
01 мар. 2024, в 23:28
500 руб./за проект