Как при наведении на один элемент менять стили другого элемента?

1,00
р.
Как сделать так, чтобы при наведении на один элемент (hover) менять стили другого элемента? Можно ли это сделать только на css? К примеру: навожу на блок и хочу чтобы все заголовки в этом блоке стали другого цвета.
Как записать? Так не работает:
.block:hover { .block h1 { color: red } }

Ответ


.section { background: #ccc } .layer { background: #ddd } .section:hover img { border: 2px solid #333 } .section:hover .layer { border: 2px solid #F90 }
Lorem Ipsum


Источник.