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

Question

[tron21]

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

/*
.button:hover ??? .img
*/
.button:hover  {
  background-color: var(--red);
  color: var(--white);
  
  /* при наведении на button меняем color и background у button
   а у img меняем только fill 
   */
  fill: var(--white);
}

Answer 1

[meinefinsternis]

.button:hover {
background-color: #000;
}

.button:hover .img{
color: red;
}

Comments

[tron21]

блин. Это же безумно логично было! Спасибо большое.

Answer 2

[Nikolay Matyushkin]

Пример
В песочнице 2 блока. Это 2 примера, как мы можем менять стили у второго элемента при наведении на первый. Отмечу, что второй случай не рабочий, я думаю вы поймёте почему.

Comments

[tron21]

оу. прикольный вариант! Перенесу себе в среду разработки и посмотрю. сходу не понял в чем проблема

[Nikolay Matyushkin]

tron21, мы не можем при наведении на элемент, менять стили другого элемента, который находится уровнем выше.