大家好我是wordpress的新手,我的子菜单有问题,我真的非常需要你的帮助。
问题是如何在访问时保持子菜单显示
这是我的问题的示例快照。 http://imagedrop.co/img-52b8cdabd02f1
this is for my CSS:
ul.nav-menu,
div.nav-menu > ul {
float:right;
}
.nav-menu li {
float:left;
list-style-type:none;
padding:10px 25px;
}
.nav-menu li a {
font-size:140%;
color:#fff;
}
ul#topnav li:first-child{
padding-left:0px;
}
ul#topnav li:last-child{
padding-right:0px;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
color:#FF9900;
}
ul#topnav .current_page_item .sub-menu,
ul#topnav .current_page_item .children{
display:block;
top:40px;
position: absolute;
right:30px;
border-top:1px solid #4C4C4C;
padding-top:0px;
margin-top:1px;
}
ul.nav-menu ul a,
ul#topnav ul ul a {
color:#FFf;
}
ul#topnav ul a:hover,
.nav-menu ul ul a:hover {
color:#FF9900;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color:#FF9900;
}
.nav-menu .current_page_item{
background:url(../images/line.png) bottom center no-repeat;
}
.nav-menu .current_page_item:last-child{
background:none;
}
.nav-menu .current_page_item ul{
display:block;
}
.nav-menu .current_page_item .sub-menu,
.nav-menu .current_page_item .children{
color: #fff;
display:block;
}
ul#topnav .sub-menu,
ul#topnav .children {
display:none;
}
ul#topnav ul > .current_page_item .sub-menu li{
display:block;
}
this is my html structure :
<ul id="topnav">
phptaghere
wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) );
endphptaghere
</ul>
我只是在wordpress中编辑wordpress模板第二十三个模板。
我知道我的CSS有问题:(但我真的无法理解。
我想要的就是在访问时继续显示子菜单,就像我在我们的菜单中访问它的父母一样。
真的很感激任何帮助..