jQuery mobile和jQuery UI使用自己的元素包装元素。有时这些包装元素具有：悬停规则。如果出于某种原因，你不希望悬停规则触发你能做什么？
问题是如果你应用主题，反类会失败。您可以使用getComputedStyles和Javascript构建类，但由于某种原因，它似乎只保留了大约90％的所需样式。
顶部div的问题在于：当鼠标触及上层div的一角时，悬停仍会在底层div上触发。
答案 0 :(得分：2)
创建更具体的更新：用于撤消任何CSS更改的元素的悬停选择器。你可以阅读特异性，但最快的方法通常是添加一个额外的祖先，但保留选择器的其余部分。
例如，如果当前选择器类似于.jquery-ui-dialog .jquery-ui-button:hover {...}，则添加类似body .jquery-ui-dialog .jquery-ui-button:hover {...}的父项将提供更多特异性，从而覆盖任何冲突规则。