CSS巨型菜单:如何瞄准ul';除了那些在沙发上的

CSS巨型菜单:如何瞄准ul';除了那些在沙发上的,css,Css,有了CSS超大菜单,就有了许多可能性。但这也意味着我需要处理一些事情,比如我想将孩子样式设置为nav,只要他们不在div中 我创建了一个JSFIDLE来演示这个问题 第二个菜单中的列表应为普通列表。如果儿童ul不是div的一部分,我如何将其设置为列表?一种方法可能是使用.megaMenu hor div ul重置列表样式,但我需要在菜单样式和网站主样式中的两个位置复制“正常”列表样式,我更喜欢将其分开 我想你可以这样使用它: ...<li> <a href="#

有了CSS超大菜单,就有了许多可能性。但这也意味着我需要处理一些事情,比如我想将孩子
样式设置为nav,只要他们不在div中

我创建了一个JSFIDLE来演示这个问题

第二个菜单中的列表应为普通列表。如果儿童ul不是div的一部分,我如何将其设置为列表?一种方法可能是使用
.megaMenu hor div ul
重置列表样式,但我需要在菜单样式和网站主样式中的两个位置复制“正常”列表样式,我更喜欢将其分开


我想你可以这样使用它:

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

希望它能起作用

据我所知,你不能

您需要复制样式以撤消菜单中正常
的菜单
样式,或者您需要向菜单
添加一个类并专门针对它们

编辑

只需阅读其他回答者的评论。我的理解是,您希望将主
样式和菜单
样式分开。否则,一个更简单的建议可能是写出默认的
样式,如下所示:

ul,
.megaMenu-hor div ul {
/* whatever */
}

display:none
在这里不是很误导吗?实际上display none是为了隐藏下拉列表,我可以将
ul
样式设置为列表,只有当它们有某个类时才可以,但这意味着我必须将类名分散在所有的地方
ul,
.megaMenu-hor div ul {
/* whatever */
}