當前頁面亮點兒童頁面

我試圖實現當前頁面的亮點類似於這個網站的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

當前頁面亮點兒童頁面

回答

相關問題