How can i HOVER something and another thing is affected ??

Question

-------ONLY USING CSS ----'
i have 'div1' and 'div2' and i want to change the style of "div1" by hover over "div2" ..
NOTE THAT :- the two divs are not linked not father and child but just ordinary divs

Answer 1

well I think if its under a few divs after it like
<div id="div1"></div>
<div></div>
<div></div>
<div></div>
<div id="div2"></div>
you could just repeat
#div1: hover + div +div +div + #div2 {
/* css */
}
I'm not entirely sure about this one

Answer 2

I think if they are one right after another like
<div id="div1"></div>
<div id="div2"></div>
it would be
#div1: hover + #div2 {
/* css */
}
if that doesn't work then I'm not sure

Answer 3

U R right bro 😃
thank U

Answer 4

this way is right only if div1 is directly before div2 😢

Answer 5

YES you are right again 👍💓

https://code.sololearn.com/WgRQEQwRSr49/?ref=app

Answer 6

give me an example !