Задать вопрос
broof
@broof
Web Designer — понемногу изучаю HTML+CSS+JS
html

Как скомбинировать классы, чтобы при div:hover свойство применялось к нескольким другим div?

Я использую селектор "~" для того, чтобы при наведении на div, показать div1
Пример:
.class:hover~.class1 {opacity: 1}

Я хотел бы применить свойство к ряду блоков (или элементов) при наведении на единый блок и пока что не смог найти нужную группировку классов. Как их можно сгруппировать?
надеюсь мой вопрос понятен )
  • Вопрос задан
  • 447 просмотров
2 комментария
Подписаться 1 Средний 2 комментария
Решения вопроса 1
@vladdimir
Верстальщик
На сколько понял задачу, должно подойти.
// Если изменяться должны элементы, которые лежат внутри targetClass
.targetClass:hover .changeClass1,
.targetClass:hover .changeClass2,
.targetClass:hover .changeClass999, { 

}
// Если те, которые рядом лежат, то через  ~

targetClass:hover ~ .changeClass1,
targetClass:hover ~ .changeClass2,
targetClass:hover ~ .changeClass999, {

}


Но вообще, все зависит от структуры разметки. Где и как размещены все эти блоки. Возможно в вашей разметке, с помощью css такое нереализуемо и нужно делать через js.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать программу для работы с PCI-E
24 апр. 2024, в 11:18
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
24 апр. 2024, в 10:58
4500 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы