CSS hover on a div, but not if hover on his children [duplicate]

You can simply achieve this by adding this property to the child class CSS.

pointer-events: none;

This worked for me.