:hover dla innego elementu

[LottosKolok]

Witam, mam mały problem z hoverem dla innego elementu niż "hoverowanego". Jestem w stanie zmienić wartość CSS dla elementu obok, ale nie mogę już dla elementu pod spodem. 

 

Kod HTML:

<div>
    <div1 class="t1"><a1 id="h2" href="#" >NAJNOWSZE</a1> </div1><div2><a2 href="dwl2.html">ARCHIWUM</a2></div2>
    
    <div3 class="t2"><a11 id="h3" href="#" >Tu pojawią się najnowsze pliki</a11></div3><div4><a12 href="#">Tu pojawią sie materiały archiwalne</a12></div4>
 </div>

div1:hover + div3 {
            background-color: aqua
        }

I CSS:

 

[ar4]

Poczytaj o pesudoklasach typu:

:nth-child()
i
:nth-of-type()

 

[Mion]

Ale co to jest w ogolę za twór HTML i CSS hmmm ?

[ar4]

@Mion dziwnie wygląda ten kod, ale pewnie jest poglądowo tak napisany

[Mion]

Jeśli po najechaniu = hover elementu [A]  ma się zmieniać całkiem inny element , to możne też wykorzystać JS i zdarzenia związane z Mouse event i CSS.

[Presta]

Napisz dokładnie w czym problem.

[atp]

div:hover .t2 {background-color: aqua}