@timofeus91
Junior Frontend Developer

Как поменять определенные стили при hover?

Доброго дня всем! Не могу никак найти ответ на свой вопрос. Могу ли я при :hover поменять у класса, на котором случился hover определенные стили и при этом поменять ( другие совсем стили ) у другого класса при данном событии? Позволяет ли CSS так сделать? Заранее спасибо за ответ

/*
.button:hover ??? .img
*/
.button:hover  {
  background-color: var(--red);
  color: var(--white);
  
  /* при наведении на button меняем color и background у button
   а у img меняем только fill 
   */
  fill: var(--white);
}
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
@meinefinsternis
.button:hover {
background-color: #000;
}

.button:hover .img{
color: red;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Devilz_1
@Devilz_1
Frontend-Developer
Пример
В песочнице 2 блока. Это 2 примера, как мы можем менять стили у второго элемента при наведении на первый. Отмечу, что второй случай не рабочий, я думаю вы поймёте почему.
Ответ написан
Ваш ответ на вопрос

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

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