Как наложить hover на несколько блоков одновременно?

Question

[Unknown]

Привет!
В примере на codepan вы можете видеть несколько блоков в одном, на каждом из которых наложен hover.

Я хочу чтобы при наведении на любой блок внутри контейнера container для блоков с классом busy срабатывал hover.
Как мне этого достичь?

Answer 1

[Артем Спиридонов]

Все события в JS всплывающие. Это позволяет идентифицировать нужный Event Target - по классу, по идентификатору или по другим свойствам.

Answer 2

[SagePtr]

.parent:hover - настраивает блок .parent, если на него или на любой элемент внутри наведена мышка
.parent:hover .child - настраивает все блоки .child, находящиеся внутри блока .parent, если на любой блок внутри этого блока наведена мышка
.parent .child:hover - настраивает только конкретный блок .child, на который наведена мышка.

Comments

[Danya Wyse]

А можно подробнее расписать если не сложно ?

[SagePtr]

Даниил Вайс, что именно непонятного?

[Danya Wyse]

SagePtr, я уже разобрался