CSS继续悬停项目开放，直到另一个项目是关于

问题描述：

徘徊只使用CSS当用户将鼠标悬停在某个项目，扩大项目是否有可能，并保持这一状态，直到用户将鼠标悬停在另一个项目？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; 
}

这恐怕是不可能的只是CSS为什么不使用jQuery？ – Maantje 2014-11-24 17:14:45

其作品事情，我不能修改HTML页面。 – user2949976 2014-11-24 17:21:03

答

:hover伪类适用于指针位于元素上的持续时间。

如果用户离开元素，他们不会再悬停它。所以，简短的回答是没有。

您可以使用动画来延迟效果。即使在光标离开后，实际上仍然保持元素不可见，您可以在其上放置一个动画，在关闭之前添加一个延迟。

如果您将动画应用于悬停状态和正常状态，这可能会有所帮助。但是，如果您的悬停效果正在从display:none更改为display:block，您将无法获得任何帮助，因为display不具备动画功能。你需要使用类似visibility或height。

CSS继续悬停项目开放，直到另一个项目是关于

相关推荐