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

Question

I have a "parent" div that contains an element with a tooltip control. The tooltip is not child element of the parent div and is attached directly to the body element. We have a style when hovering over the parent which is lost when hovering over the tooltip. Is there a CSS-based solution for keeping the hover style on the parent while hovering over the tooltip that is not a descendant of the parent?

Answer 1

Just change this:

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

To this:

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