CSS - Interaction of classes relative to each other?

Question

css

There is a square, when you hover over it, you need to paint over everything behind it with a translucent div
. There is a div with the box class. It is necessary to change div overflow at :hover
Once again: When hovering over a block, it is necessary to change the attributes of another class.
I would like to do without jquery, since it causes big lags and glitches. I would like to try on css, css3
Please tell me if it can css?
PS I rummaged through the entire Internet, stumbled upon less - not an option and not the fact that it will solve the problem
Thank you very much in advance

Answer 1

jsfiddle.net/ Nested without problems, when changing the position they can be anywhere in the document, but if they are independent, then this is more difficult =)

Answer 2

I was looking for a solution to a similar problem.