Dropdown Mouse悬停问题

Question

我有一种风格，某些元素具有悬停功能来更改鼠标光标。当存在选择下拉菜单时，鼠标光标仍会选择下拉悬停功能后面的元素。我可以阻止我的选择选项后面的悬停功能吗？

谢谢

例子：

背景元素：

[disabled].form-control, fieldset[disabled] .form-control{ 
    cursor: not-allowed; 
} 

Answer 1

，你可以尝试用

.parent :not(.your_dropdown):hover { 
    hover effect of your other elements 
} 

排除它，但它需要一个父否则一切徘徊XD

<div class="parent"> 
    <div class="your_dropdown"></div> 
    <div class="your other hover content"></div> 
</div>