css3 指针事件不在 child 身上？

Question

我有followwing结构

<div class='offline'>some text <button class='delete'>Delete</button></div>

是否可以使用指针事件禁用 div:除了保持按钮处于事件状态之外没有其他功能？

我试过

div.offline:not(.delete) {
    pointer-events: none;
}

没有成功。有什么想法吗？

Answer 1

您可以在父级上禁用事件并在子级上重新启用它们。

.parent {
  pointer-events: none;
}

.child {
  pointer-events: auto;
}

<div class='parent'>
  foo
  <button class='child'>bar</button>
</div>