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

Question

[tesle]

У меня есть текст в html, добавляю анимацию в css:
a {color: blue;}
a:hover {color: red;}
img{opacity: 100%}
img:hover{opacity: 20%}

Вот как связать их, чтобы при наведении мыши оба элемента менялись, тока без script.js плзс

Comments

[Вадим]

Только если у них общий родитель или картинка выложена в ссылку

[Yulia Khavaeva]

Например так

https://codepen.io/VadymVolos/pen/MEMyrb

Или чтобы был общий родитель и уже при наведении на родительский блок менялись стили

Answer 1

[Fakeminer]

Обернуть их общим тегом, а потом использовать селектор *тег* a {} и *тег* img {}