Is it possible to stop propagation by CSS?

Question

With Javascript it is possible to stop propagation with code? E.g.

  function func1(event) {
      alert("DIV 1");
    if (document.getElementById("check").checked) {
      event.stopPropagation();
    }
  }

Is it also possible to stop propagation by CSS?

Answer 1

You can use this CSS simple code:

.disabled-button{
    pointer-events: none;
}