CSS Interaction of classes relative to each other?

There is a square, when you hover over it, all you need is for him to paint translucent divом

There is a div with the class box. Required if :hover to change the div overflow

One more time: When you hover over the block you want to change the attributes of another class

I would like to do without jquery, because with him there are big lags and glitches. I would like to try in css, css3

Please tell me how is it css?

PS scoured the Internet, put in less is not the solution and not the fact that will solve the problem

Thanks in advance
October 8th 19 at 01:58
4 answers
October 8th 19 at 02:00
jsfiddle.net/ Nested without problems, when you change position they can be anywhere in document, but if they are independent, then it is more complicated =)
jsfiddle.net/YeHwS/ link to not the gave - aniya.Kertzmann65 commented on October 8th 19 at 02:03
October 8th 19 at 02:02
October 8th 19 at 02:04
He was looking for a solution to a similar problem.
Oops, control+enter by accident. So, the solution is not found for two independent DIVS, nested for — two decisions above, you have been given. - aniya.Kertzmann65 commented on October 8th 19 at 02:07
October 8th 19 at 02:06
Thank you! Help!

Find more questions by tags CSSHTML