How to disable div element and everything inside with CSS?

We have to set the pointer-events CSS property of the div to none to disable div element and everything inside CSS.
For instance, we can also write

div {
  pointer-events: none;
}

to disable pointer events on the div with pointer-events set to none with CSS.