单击wordpress中的子菜单时如何保留我的子菜单

时间:2013-12-23 23:57:03

标签: html css wordpress

大家好我是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有问题:(但我真的无法理解。

我想要的就是在访问时继续显示子菜单,就像我在我们的菜单中访问它的父母一样。

真的很感激任何帮助..

0 个答案:

没有答案