我需要添加(或显示,我真的不知道我是否需要添加或显示该课程)。
我希望它显示在只有子菜单的父元素上 我真的不知道我应该把什么放入我的jQuery代码中。这就是为什么我没有在这里粘贴任何东西。
我正在使用wordpress。这是插入符号设计的图片:
对不起小信息的人,如果您需要更多信息来帮助我,请问 不知道我还应该把它放在这里。
/************************************************
Mobile-Menu Design.
************************************************/
.mobile-menu {
position: fixed;
width: 70%;
height: 100%;
background: white;
z-index: 1000;
}
.mobile-menu ul {
top: 10.2%;
color: black;
position:relative;
text-align: left;
font-weight: bold;
}
.mobile-menu li a {
display: block;
padding: 4% 0;
border-bottom: 1px solid black;
}
.mobile-menu > ul> li:hover > a, .mobile-menu > ul> li:hover > .sub-menu > li:hover > a, .mobile-menu > ul .sub-menu .sub-menu > li:hover > a {
background-color: #111;
color: #fff;
}
.mobile-menu ul li ul {
height: 100%;
width: 100%;
display: none;
background: #fff;
border: none;
position: relative;
}
.mobile-menu ul li:hover ul {
display: block;
}
/************************************************
Caret Design
************************************************/
.caret {
display: none;
width: 100%;
height: 100px;
position: relative;
border-bottom: 1px solid #000;
}
.caret:before {
content: "";
border-color: #FFF transparent transparent transparent;
border-style: solid;
border-width: 12px;
width: 0;
height: 0;
position: absolute;
bottom: -24px;
left: 45%;
z-index: 1;
}
.caret:after {
content: "";
border-color: #000 transparent transparent transparent;
border-style: solid;
border-width: 12px;
width: 0;
height: 0;
position: absolute;
bottom: -25px;
left: 45%;
}
.caret.show {
display:block;
}

<div class="mobile-menu">
<ul class="mobile-menu-ul">
<div class="caret"></div>
<?php wp_nav_menu(array (
'theme_location'=> 'new-menu',
'container' => '',
'items_wrap' => '%3$s'
)); ?>
</ul>
</div>
&#13;
答案 0 :(得分:0)
在信息中心转到Apperance -> menu -> Show advanced menu properties
单击CSS Classes
的复选框,然后您可以为父菜单添加公共类,并为子菜单分隔公共类。