如何使第二个ul不显示

时间:2014-08-05 03:40:54

标签: html css

http://bluemonet.drupal-stg2.rschooltoday.com/

需要一些导航方面的帮助。如上面的链接,“田径”选项卡,第二个ul显示..有没有办法,我可以隐藏第二个ul,并将显示一次悬停?

1 个答案:

答案 0 :(得分:2)

在你的main.css中改变你的css

.dropdown:hover ul {
    display: block;
}

到这个

.dropdown:hover > ul {
    display: block;
}

您正在显示所有UL on:hover,这就是它显示所有嵌套UL的原因。 要仅显示第一级孩子,您应该使用> (孩子)选择器。

由于