Html 如果被另一个元素覆盖，则响应CSS悬停选择器

我知道我可以在覆盖元素上禁用指针事件，但我不想这样做。我希望覆盖元素和覆盖元素都响应鼠标事件，以便当鼠标指针同时接触到它们时，它们都转换为与悬停选择器对应的状态。

您可以在要跟踪悬停的DOM元素周围定义父容器。显示了一种简单的方法，其中父级

div

具有类“section”。它包含两个元素，在悬停时，这两个元素周围都应有边框（代码段引用自）：

.第{背景：#ccc；}节
.layer{背景：#ddd；}
.section:hover img{border:2px solid#333；}
.section:hover.layer{border:2px solid#F90；}
乱数假文

您可以围绕要跟踪悬停的DOM元素定义父容器。显示了一种简单的方法，其中父级

div

具有类“section”。它包含两个元素，在悬停时，这两个元素周围都应有边框（代码段引用自）：

.第{背景：#ccc；}节
.layer{背景：#ddd；}
.section:hover img{border:2px solid#333；}
.section:hover.layer{border:2px solid#F90；}
乱数假文