How to disable all div content with CSS?

We set the pointer-events property, to disable all div content with CSS.
For instance, we can write

#my-div {
  pointer-events: none;
}

to select the div with ID my-div and disable all mouse events on it by setting pointer-events to none.