Is it possible for the child of a div set to pointer-events: none to have pointer events?

Question

Is it possible for the child of a div set to pointer-events: none to have pointer events?

I need the div that holds another div to allow pointer events to pass through, but for the div itself to still have events.

Is this possible?

user_2341818 · Answer

On the child element's style, add

pointer-events: auto;

pointer-events: all didn't work for me, and apparently applies to SVG elements only.

user_406642 · Answer

As a possible solution in some cases you can set

height: 0;

to parent element and let child element to overflow

user_10704313 · Answer

My solution:

.mouse-false * {
  pointer-events: none;
}