Почему не работает псевдокласс :hover для соседнего элемента?

Question

[Koubee]

Есть 2 блока. Задача: при наведении на один поменять стиль второго. Где я ошибся?

<div class="faq_1"><p>Что я получу, если закажу у проект?<p></div>
<div class="in_faq_1">После завершения платежа через нашу безопасную форму вы получите инструкции.</div>

.faq_1 {
	width: 400px;
	padding: 10px;
	background-color: #fff;
	display: flex;
	justify-content: center;
}
.in_faq_1{
	width: 400px;
	padding: 10px;
	background-color: #fff;
	display: flex;
	justify-content: center;
}
.faq_1:hover{
	background-color: #0033ff;
}
.faq_1:hover .in_faq_1{
	background-color: #cc33ff;
	width: 500px;
}

Comments

[Пашенька]

Соседние элементы выбираются не так, а +, вы же выбираете элемент внутри.

[Koubee]

Спасибо, помогло)

Answer 1

[Alex]

Попробуйте
.faq_1:hover + .in_faq_1{

Comments

[Koubee]

Спасибо, помогло.

Answer 2

[Акбар Ильхамбаев]

.in_faq_1: hover {
}