css - 保持元素处于事件状态,直到页面重新加载而忽略 mouseout

标签 css navigation focus

顶部菜单位于 www.petersencreative.com使用 CSS(和一些 CSS3)提供平滑的过渡。我的问题是,如果您单击一个链接然后将鼠标移开该链接,它会再次开始下降。有没有办法在单击鼠标然后关闭鼠标后保持它(fnnnrrr!)?

我看过使用 :active 但那只适用于当鼠标按下时。 :focus 似乎只适用于键盘导航。正在考虑使用一些 jQuery 还是有办法使用 CSS 来实现?

最佳答案

可以用 CSS 完成,使用 :target 选择器。

关于css - 保持元素处于事件状态,直到页面重新加载而忽略 mouseout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7981315/

相关文章:

css - 是否有一种简洁的方式来设置单个 Wordpress 导航菜单元素的样式?

php - MySQL DB 驱动的菜单生成器函数

java - JTabbedPane - 选项卡更改后聚焦最后一个聚焦组件

html - 具有 href 属性的 Safari anchor 标签没有获得焦点?

javascript - 文本输入内的按钮 - HTML

css - Firefox li href CSS 选择器

html - 垂直居中并将文本环绕在另一个 div 周围

javascript - Angular 切换背景图像

html - 右侧列在 IE6/7/8 中未正确对齐

html - 在 div 上应用 Bootstrap & Flat UI 或复制所有样式以在导航栏上使用