Как объеденить 2 разных элемента под hover?

Question

[proclub]

Суть вопроса такова,
допустим есть 2 элемента

карточка в котором идет :
[блок#1{картинка в блоке}][блок№2{текст в блоке}]

получается при наведении , форкусе, активном элементе одновременно должны
1 блок менять фон
2 блок менять border

Comments

[Rustam Bainazarov]

Пришлите хотя бы просто разметку и скажите, что там должно меняться. Обычно это всё делается через общего родителя.

Answer 1

[Рома Зварич]

Подобное поведение следует задавать через псевдоэлемент :hover

Результат:
https://codepen.io/hisbvdis/pen/VwZKedx

Comments

[proclub]

понял, спасибо , не так hover применял

Answer 2

[Антон Усачев]

Можно через указание соседей, например, если правильно понял: