css - 悬停在不是后代的工具提示上时，将悬停样式保持在父级上

Question

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

Answer 1

只要改变这个:

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

对此:

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