текущая страница выделяется на дочерних страницах - PullRequest
Новая
       12

текущая страница выделяется на дочерних страницах

0 голосов
/ 08 января 2011

Я пытаюсь достичь текущей страницы на WordPress, похожей на этот сайт Алекс Сот .

Я почти у цели с моим css.

В настоящее время у меня есть текущие выделения страниц на страницах, т.е. дома, календарь, проекты. Однако, когда речь заходит о выделении текущей страницы на дочерних страницах, у меня возникает проблема.

список дочерних страниц с отступом появляется при наведении курсора при выборе дочерней страницы, но после выбора страницы меню возвращается к стандартному меню страниц без видимых дочерних меню? в отличие от ссылки на сайт Alex Soth, где находится расширенное меню и подсвечивается текущая страница

Я знаю, что ответом будет простой фрагмент css, включающий current_page_item и возможную позицию: относительно получения меню, которое останется видимым после выбора. Но я могу на всю жизнь решить это.

Любые идеи, которые я приложил к моим соответствующим кусочкам 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;



}

1 Ответ

0 голосов
/ 08 января 2011

Если вы используете wp_list_pages, вы автоматически вставите «current_page_parent» в качестве класса в html верхней страницы, например: 

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