[F.....k]

#frontend #webdev Mam pytanko, da sie zrobić tak że mam tak:

div 2 tu mam image 2

div 3 > tu mam image1


da sie zrobic tak ze jak najade na image 1 to image 2 np zmieni kolor? tzn wiem ze hoverem ale jakiego znaczka uzyc zeby mi pokazywalo diva ktory jest bratem tego diva?

[pitu120]

@Fifilonek: '+'

[F.....k]

@pitu120: i nie ma znaczenia ze sa w osobnych divach? bo uzywam flexa i mam cos takiego :


o co chodzi


a css to: #whatsup .container4 .button:hover + .thumb img {
transform: rotateX(180deg);
}

i nie dziala mi to :(

[F.....k]

@Fifilonek: te divy sa w id whats up jeszcze

[pitu120]

@Fifilonek: wrzuć to na codepen lub jsfiddle

[Chanandler]

@Fifilonek: nie da się tego zrobić wyłącznie w css, gdyby pozycje divów były odwrócone to mógłbyś zrobić .button:hover + .thumb img, pozostaje ci manipulacja DOMem w JS

[pitu120]

@Fifilonek: w ogóle ty próbujesz zmienić poprzedni div, + to div następny. Nie zrobisz bez js tak z poprzednim elementem.

[F.....k]

@Chanandler: moge zmienic kolejnosc divow bo mam flexboxa to w sumie wszysdtko jedno, ale jak wtedy 2 zaznaczyc?

[F.....k]

@pitu120: https://jsfiddle.net/bu0ecodm/199/

[F.....k]

@Chanandler: działa jak mówisz, zmienilem kolejnosc tylko jak 2 zaznaczyc :( a musze miec 2 osobne divy bo flex

[pitu120]

@Fifilonek: dla twojego przykładu:

.button:hover + .thumbrev img {
 transform: rotateX(180deg);
}

Oczywiście zagnieżdżenie idków itp. wywaliłem dla uproszczenia.

https://jsfiddle.net/fhoff8w3/

[F.....k]

@pitu120: Dzięki :d mam tak wlasnie sek jest w tym ze po lewej tez jest image i ten tez chce zeby sie obracal, jest jakis selektor oprócz + ktorzy pozwoli mi wybrac poprzedzajacy?

[pitu120]

@Fifilonek: nie ma, musisz to zrobić z js.

[F.....k]

@pitu120: dzięki ;d noo spoko jeszcze sie nie uczylem, po flexboxie jak ogarne mam zamiar zaczac, dzieki wielkie :)