允许指针事件穿过嵌套的 div

Question

假设我有一个容器，如果我有 css：

#nested2 {
    pointer-events:none;
}

除非我wrapper拥有pointer-events: none. 问题是我只想让nested2 有事件通过它，而不是nested1。

到底是怎么回事？

Answer 1

您可以设置pointer-events:none整体#wrapper，然后#nested1使用以下内容覆盖该样式pointer-events:auto：

#wrapper {
  pointer-events:none;
}
#nested1 {
  pointer-events:auto;
}

当然，这里的权衡是#wrapper无法接收鼠标事件。不过我希望你对里面的嵌套 div 感兴趣。