Zmiana koloru w divie, po najechaniu na inny div

[Toamszk]

Witajcie, przychodzę do Was z zagwozdką z która męczę się już kolejny dzień. Szukałem odpowiedzi w google, ale nie znalazłem nic satysfakcjonującego.

Mam 3 kwadraty i po najechaniu na każdego z nich, kolor w szarym oraz czerwonym prostokącie, ma się zmieniać

Np. najeżdżając na niebieski kwadrat, kolory szarego i czerwonego prostokąta zmieniają się na żółte, a po najechaniu na fioletowy kwadrat, kolory prostokątów zmieniają się na zielone itd.

Jak to najlepiej zrobić i czy wystarczy czysty CSS?

Głowiłem się z tym na różne sposoby, ale nie potrafię dojść do zadowalających wyników.

Poniżej grafika obrazująca oczekiwana akcję

:

[waren]

Cześć,

tutaj masz mniej więcej to co chciałeś:

https://jsbin.com/eQONuCur/2/

Trochę nie zrozumiałem, jak te kolory powinny się zmieniać, ale mam nadzieję, że sobie poradzisz z zedytowaniem tego kodu:

https://jsbin.com/eQO...l,css,js,output

Powodzenia

Ps. użyłem tam data-* atrybutów (np <div class="color-picker blue" data-class="green"></div>), więc klasa za trybutu data-class zostanie nadana dwóm większym prostokątom

[Toamszk]

Cześć,

tutaj masz mniej więcej to co chciałeś:

https://jsbin.com/eQONuCur/2/

Trochę nie zrozumiałem, jak te kolory powinny się zmieniać, ale mam nadzieję, że sobie poradzisz z zedytowaniem tego kodu:

https://jsbin.com/eQO...l,css,js,output

Powodzenia

Ps. użyłem tam data-* atrybutów (np <div class="color-picker blue" data-class="green"></div>), więc klasa za trybutu data-class zostanie nadana dwóm większym prostokątom

Hej, dzięki za pomoc, tylko jak zrobić aby nie jeden, a 2 elementy zmieniały swój kolor po najechaniu na kwadraty?

Pisząc 2 elementy, mam na myśli czerwony prostokąt nad kwadratami oraz szary prostokąt obok kwadratów.

[waren]

Przeciez zmieniaja sie dwa, na poczatku masz dwa prostokaty duze : purpurowy oraz szary i ich kolory zmieniaja sie w zaleznosci od najechanego koloru...

[Toamszk]

Przeciez zmieniaja sie dwa, na poczatku masz dwa prostokaty duze : purpurowy oraz szary i ich kolory zmieniaja sie w zaleznosci od najechanego koloru...

Rzeczywiście, moje niedopatrzenie. Mam jeszcze jedno pytanie, jak zrobić żeby te dwa elementy zmieniały się, każdy na inny kolor, bo jak dotąd, zmieniają się na ten sam.