Как объединить hover для всех дивов внутри блоков?

Всем привет, вопрос очень простой, подскажите как объединить hover, для всех дивов внутри блоков.
Есть блок, в нем есть дивы, при наведении на блок, срабатывает hover для всех дивов что внутри блока.

Как можно этот код оптимизировать?
.ota:hover .otb1{
  background: #f7f7f7;
}
.ota:hover .otb2{
  background: #f7f7f7;
}
.ota:hover .otb3{
  background: #f7f7f7;
}


Пробовал по разному, не вышло, не работало.
Есть конечно вариант сделать так.
.ota:hover .otb1, .ota:hover .otb2, .ota:hover .otb3{
  background: #f7f7f7;
}


Код короче выходит, но может еще как-то короче сделать можно?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
joeberetta
@joeberetta
1. Муж; 2. Fullstack разработчик; 3. Студент
// Применит абсолютно всем дивам у которых родитель .ota
.ota:hover div

или
// Применит всем дивам, являющимся напрямую дочерними элементами (не внукам)
.ota:hover > div
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы