• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dziedziczenie w css

Hosting forpsi easy 1 pln
+1 głos
145 wizyt
pytanie zadane 7 lutego 2021 w HTML i CSS przez FroGiS Użytkownik (810 p.)

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?

1 odpowiedź

+2 głosów
odpowiedź 7 lutego 2021 przez Comandeer Guru (596,500 p.)

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.

komentarz 7 lutego 2021 przez FroGiS Użytkownik (810 p.)
Wielkie dzięki, z pozoru proste ale nie pomyślałbym o tym.
komentarz 7 lutego 2021 przez FroGiS Użytkownik (810 p.)

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

komentarz 7 lutego 2021 przez Comandeer Guru (596,500 p.)
Nie da się na tę chwilę czegoś takiego zrobić w CSS-ie, niestety.

Podobne pytania

0 głosów
1 odpowiedź 1,089 wizyt
pytanie zadane 24 czerwca 2018 w HTML i CSS przez adrian_134 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 323 wizyt
0 głosów
2 odpowiedzi 160 wizyt
pytanie zadane 19 kwietnia 2018 w HTML i CSS przez misza1597 Nowicjusz (190 p.)

92,123 zapytań

140,784 odpowiedzi

317,796 komentarzy

61,445 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 1468p. - Łukasz Eckert
  2. 1444p. - Dawid128
  3. 1430p. - CC PL
  4. 1419p. - rafalszastok
  5. 1418p. - Marcin Putra
  6. 1373p. - Mikbac
  7. 1362p. - rucin93
  8. 1351p. - sefirek
  9. 1296p. - Adrian Wieprzkowicz
  10. 1260p. - TheLukaszNs
  11. 1144p. - Michal Drewniak
  12. 1109p. - adrian17
  13. 1078p. - Eryk Andrzejewski
  14. 1063p. - nidomika
  15. 1061p. - Anonim 3447134
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Uwaga - w dniach od 02.12 do 08.12 trwają Mikołajki (książki drukowane mają rabat -35%, ebooki do -45%). Zaś dodatkowy, specjalny kod zniżkowy: HELMIKOLAJ-10 dla naszych Widzów zapewni Wam oszczędność -10zł dla zamówień powyżej 70zł! Warto korzystać!

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...