Jquery 如何在聚焦元素上使用悬停规则?
这是我的代码:Jquery 如何在聚焦元素上使用悬停规则?,jquery,css,Jquery,Css,这是我的代码: .metismenu li a:hover{ background:#112542;} /*would not affect when it has focus*/ .metismenu li a:focus{ background:inherit;} 当我点击a它的背景色变为继承并且我再次将鼠标悬停在它上面时,它的背景色不会变为#112542,直到我没有点击a(因为它仍然有焦点和背景色:inherit;)。有没有什么解决方案可以让我不必在它的外部单击并再次悬停鼠标而更改它的背
.metismenu li a:hover{ background:#112542;} /*would not affect when it has focus*/
.metismenu li a:focus{ background:inherit;}
当我点击
a
它的背景色
变为继承
并且我再次将鼠标悬停在它上面时,它的背景色
不会变为#112542
,直到我没有点击a
(因为它仍然有焦点和背景色:inherit;)。有没有什么解决方案可以让我不必在它的外部单击并再次悬停鼠标而更改它的背景色?您可以尝试使用:焦点:悬停
状态,如本例中所示:
.metismenu li a:hover{background:#112542;}
.metismenu li a:focus{background:inherit;}
.metismenu li a:焦点:悬停{背景:黄色;}
在本例中,当您单击a
时,背景为112542
,因为您在单击它的同时将其悬停。如果您在不单击外部的情况下移动光标,它仍然具有焦点(和继承背景)如果您在不单击外部的情况下将其悬停,则可以看到:focus:hover
效果我已更改示例中的颜色以显示差异
.metismenu li a:focus:hover{ background:yellow;}