Как изменить цвет при наведении на блок?

Question

[Михаил]

Ситуация такая. Есть блок в котором есть иконка , заголовок и описание, все это завернуто в border . Нужно чтобы при наведении на блок изменялся цвет бордера, заголовка и цвет иконки, в общем все кроме описания. Не могу понять с помощью чего реализовать такое на css или все таки это javascript. Помогите )

Comments

[dhat]

Неужели трудно приложить фрагмент кода на Codepen?

Answer 1

[sergey]

По-простому вот так jsfiddle

ну а остальные элементы по аналогии

Comments

[Михаил]

да, это примерно то что я хотел , только проблема именно когда 2 абзаца и один должен изменять цвет вместе с бордером , а второй оставаться как раньше. сори если вопрос глупый)

[sergey]

Михаил: сек

[sergey]

Михаил: внес изменения

[Михаил]

о, большое спасибо , это именно то что нужно )

[sergey]

Михаил: незачто

Answer 2

[Максим]

блоку у которого border через псевдокласс :hover меняешь цвет блока. далее каскадом. например:

.block:hover {
   background: red;
}
.block:hover h2 {
   color: red;
}