CSS保持悬停项打开，直到另一项悬停在其上_Css_Onhover

CSS保持悬停项打开，直到另一项悬停在其上

css

CSS保持悬停项打开，直到另一项悬停在其上,css,onhover,Css,Onhover,当用户将鼠标悬停在某个项目上时，是否可以仅使用CSS来展开该项目，并保持这种方式，直到用户将鼠标悬停在另一个项目上我尝试过转换，它将展开并保持打开状态，或展开并关闭，但不展开，等待另一个操作，然后重新关闭该项 <html> <ul id="menu"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </

当用户将鼠标悬停在某个项目上时，是否可以仅使用CSS来展开该项目，并保持这种方式，直到用户将鼠标悬停在另一个项目上

我尝试过转换，它将展开并保持打开状态，或展开并关闭，但不展开，等待另一个操作，然后重新关闭该项

<html>
    <ul id="menu">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
</html>

#menu {
    font-size: 0px;
    line-height: 10px;
    background: #eee;
}

#menu li{
    font-size: 0px;
    line-height: 10px;
    transition:0s 180s;
}

#menu li:hover {
    font-size: 10px;
    line-height: 12px;
    transition:0s;
}

#menu ul:hover {
    font-size: 0px;
    line-height: 12px;
    transition:0s;
}



咖啡
茶
牛奶

#菜单{
字体大小：0px；
线高：10px；
背景：#eee；
}
#菜单里{
字体大小：0px；
线高：10px；
过渡：0s-180s；
}
#菜单li：悬停{
字体大小：10px；
线高：12px；
转换：0s；
}
#菜单：悬停{
字体大小：0px；
线高：12px；
转换：0s；
}

在指针位于元素上方的持续时间内，

：hover

伪类适用

如果用户离开该元素，他们就不再将其悬停。因此，简短的答案是否定的

可以使用动画来延迟效果。即使在光标离开后，也可以在其上放置动画，只在其关闭前增加延迟，而不是实际保持元素可见

如果将动画应用于悬停状态和正常状态，则可能会有所帮助。但是，如果您的悬停效果将某些内容从

display:none

更改为

display:block

，您将不会得到任何帮助，因为

display

不可设置动画。您需要使用类似于

可见性

或

高度

的内容

我担心这仅仅是CSS是不可能的，为什么不使用jQuery呢？这是一件工作，我不能编辑html页面。