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

时间:2018-09-12 09:45:49

标签: html css hover webpage

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

1 个答案:

答案 0 :(得分:1)

只需更改此:

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

对此:

#parent:hover, #tooltip:hover {
    /*show tooltip*/
}
相关问题