Dziedziczenie w css

Question

Cześć, załóżmy że mam prostą strukturę

<div class="klasa">
<a>przycisk</a>
<img src="źródło"></img>
</div>

img:hover{
  transform: scale(1.2);
}

problem w tym że przycisk znajduję się na zdjęciu i gdy najadę na przycisk to pomniejsza się zdjęcie, próbowałem zrobić to na zasadzie:

a:hover ~ img:hover{
  tansform: scale(1.2);
}

ale także to nie działa. Macie jakieś pomysły?

Answer 1

W drugim przypadku nigdy selektor nie znajdzie elementu. Jeśli :hover jest na linku, to nie może być równocześnie na obrazku.  Powinno być img:hover, a:hover ~ img.

Comments

Wielkie dzięki, z pozoru proste ale nie pomyślałbym o tym.

---

@Comandeer, Jeszcze jedno pytanie aby nie robić nowego wątku jaki znak dać w wypadku gdy a jest po img?

---

Nie da się na tę chwilę czegoś takiego zrobić w CSS-ie, niestety.