Как поменять цвет у дочерних элементов при наведение на родительский блок?

Question

[LosTinCode]

Приветствую!

Не пойму как сменить цвет текста у дочерних элементов, при наведение на родительский.
Мне нужно менять фон - фон меняется, но так же и нужно поменять цвет всего текста в карточки - на черный

Гуру подскажите пожалуйста, может варианты через JS?

https://codepen.io/not-lost-in-code/pen/MWBeEyV

Answer 1

[FeST1VaL]

эм, а в чем проблема просто дальше наследовать?

.flexible-rates__content:hover .content__payment {
    color: red;
}

Comments

[LosTinCode]

Может я тебя не совсем понимаю конечно
Но я так пробовал, мне нужно одновременно менять полностью задний фон и цвет текста с белого на черный
Таким методом он не работает

Вот так должно быть:

[ThunderCat]

LosTinCode, вы показываете изображение, которое нифига не соответствует описанному вопросу.

[FeST1VaL]

LosTinCode, и? у вас ховер стоит на .flexible-rates__content от него как я написал и делаете...

Answer 2

[ThunderCat]

.flexible-rates__content:hover div {
    color: #000000;
}
.flexible-rates__content:hover a {
    color: #FFFFFF;
   background-color: #000000;
}