将鼠标悬停在不是子代的工具提示上时，保持父样式的悬停样式

Question

我有一个“父” div，其中包含带有工具提示控件的元素。 工具提示不是父div的子元素，而是直接附加到body元素。 当鼠标悬停在父级上时，我们有一种样式，当鼠标悬停在工具提示上时，样式会丢失。 是否有一种基于CSS的解决方案，可以在将鼠标悬停在不是父代后代的工具提示上时，在父代上保持悬停样式？

Answer 1

只需更改此：

#parent:hover {
    /*show tooltip*/
}

对此：

#parent:hover, #tooltip:hover {
    /*show tooltip*/
}