将鼠标悬停在子菜单上时,顶级菜单会激活

时间:2013-01-15 21:29:39

标签: css

我遇到了这个网站http://northerly.com.au/,我想知道在将鼠标悬停在子菜单上时如何激活顶级菜单。在这种情况下,似乎没有js脚本来添加活动类。怎么做呢?谢谢

1 个答案:

答案 0 :(得分:1)

事实上,当你在子菜单上徘徊时,这不是顶级菜单li。在子菜单元素之前有一个兄弟SPAN,由于悬停到子菜单,你也在盘旋容器li元素。

top li有两个要素: SPAN有顶级菜单标题 子菜单

使用这样的CSS选择器:

li:hover span {/*span is active!*/ }

See a simple demo here.