当前页面亮点儿童页面

我试图实现当前页面的亮点类似于这个网站的wordpress Alex Soth。当前页面亮点儿童页面

我几乎在那里与我的CSS。

目前我在页面上有当前页面的亮点，即。家庭，日历，项目。但是，当它涉及到儿童页面上的当前页面亮点时，我遇到了问题。

当选择一个子页面时，在悬停时出现缩进的子页面列表，但是在页面选择后，菜单恢复到没有可见子菜单的标准页面菜单？不像链接到亚历Soth网站，其中扩展菜单保留和当前页面高亮显示

我知道答案将是一个简单的css涉及current_page_item和可能的位置：相对于获得选择后保持可见的菜单。但我可以为我的生活工作。

任何想法我附加了我的下面的css下面的css？

感谢

/* =Link Styles 
------------------------------------------------------------------*/ 

input#submit { 
cursor: pointer; 
} 

input#searchsubmit { 
    background: url(images/search.png) no-repeat center; 
} 

input#searchsubmit:hover { 
    background: url(images/search.png) no-repeat center #3399FF !important; 
    cursor: pointer; 
} 

.navigation a:hover, input#submit { 
background: #3399FF; 
color: #3399FF !important; 
} 

a { 
color: #666; 
} 

a:hover, a:hover span { 
    color: #c11501 !important;background-color: #fae100; 
} 

.entry sup a, 
#main_nav .current_page_item a, 
#main_nav .current_page_ancestor a 
{ 
    color: #666 !important; 
} 

#main_nav h1.masthead a { 
color: #666; 
} 

#main_nav h1.masthead a:hover { 
border-right: none; 
} 

h2 a, #main_nav a { 
color: #3399FF; 
} 

img a, img a:hover { 
text-decoration: none; 
} 

.post a, .navigation a { 
font-weight: bold; 
    color: #000; 
} 

.navigation a { 
    background: #EEE; 
    color: #666; 
    font-weight: normal; 
    padding: 3px 0px; 
    border-radius: 0px; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
} 

.post sup { 
font-size: 11px; 
    color: #aaa; 
} 

.post sup a { 
border: 0; 
margin: 0; 
font-weight: normal; 
font-size: 10px; 
} 

#supplementary .post_nav ul.about_nav li a, #supplementary .post_nav ul.single_post_meta    a, #supplementary ul.contact_key li a { 
color: #888888; 
border-bottom: 0; 
} 



    /* =Main Menu 
------------------------------------------------------------------*/ 

#main_nav ul.menu li { 
    position: relative; 



} 

#main_nav ul.menu li:hover ul.sub-menu, 
#main_nav ul.menu li:hover ul.children { 
display: block; 



}

来源

2011-01-08 user557318

我不认为任何人都可以帮助你只有CSS和没有HTML去与它。也许添加你的菜单的HTML – 2011-01-08 11:53:26

如果您正在使用wp_list_pages你会自动插入“current_page_parent”作为顶页面HTML类，如：

<li class="page_item current_page_parent"> 
<a href="#">page</a> 
<ul>...</ul> 
</li>

来源

2011-01-08 11:59:08 AJJ

正如Pekka所说，没有html是困难的，但我想你会需要一个CSS：li.current_page_parent ul {display：block; } – AJJ 2011-01-08 12:09:04

当前页面亮点儿童页面

回答

相关问题