CSS Mega Menus:除了div中的那些之外,如何定位ul

时间:2011-01-10 09:18:21

标签: css

使用CSS Mega Menus,有很多可能性。但这也意味着我需要处理像我想要将孩子<ul>设置为导航的东西,只要他们不在div中。

我创建了一个演示问题的jsFiddle http://jsfiddle.net/av5zr/

第二个菜单中的列表应该是正常列表。如果不是div的一部分,我怎样才能将儿童ul作为列表? 1种方式可能是使用.megaMenu-hor div ul重置列表样式,但我需要在2个位置复制“普通”列表样式,菜单样式和网站的主要样式,我更喜欢保持单独

2 个答案:

答案 0 :(得分:2)

我认为你可以像这样使用它:

...<li>
        <a href="#">Link 1</a>
        <div class="normal-list"><!--add a class-->
            <p>This is a div</p>
            <ul>...

然后你需要在CSS中选择它是:

.megaMenu-hor div.normal-list ul{
    display: none;  
}

希望它有效..

答案 1 :(得分:0)

据我所知你不能。

您需要复制样式才能撤消菜单中<ul />样式的正常<ul />样式,您需要在菜单中添加一个类{{ 1}}并专门针对他们

修改

请阅读其他回答者的评论。我的理解是,您希望将主<ul />样式和菜单<ul />样式分开。否则,更简单的建议可能是写出您的默认<ul />样式:

<ul />