“Жирные” главные категории. как?

Здравствуйте.
Третий день не получается сделать.
Сайт – http://akulapokera.ru/
WP – 2.3.3

Меню (слева) – это страницы (categories)
Меню получилось длинным и надо чтоб оно таким и осталось. Но при этом визуально "теряются" родительские страницы. Задача – как-либо выделить родительские страницы, например жирным. КАК ЭТО СДЕЛАТЬ?
Т.е. сейчас:

1. О САЙТЕ
__Новичкам
__Акулы покера (лучшие игроки)
__Покер бесплатно
__Словарь покера
__Рассылка: новости, акции, бонусы, …
__FAQ
__Скачать покер
2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)
__Обзор фрироллов
__Пароли
__Регулярные freerolls
__Расписание freerolls

Нужно:

1. О САЙТЕ
__Новичкам
__Акулы покера (лучшие игроки)
__Покер бесплатно
__Словарь покера
__Рассылка: новости, акции, бонусы, …
__FAQ
__Скачать покер
2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)
__Обзор фрироллов
__Пароли
__Регулярные freerolls
__Расписание freerolls

Прошу не пугаться того что ниже много кодов набросал. Так, на всякий случай.

Данные.
Кусок html-кода со страницы "__Новичкам":

<div id="container" class="clearfix">   
   <div id="leftnav">
      Боковая колонка
<ul id="sidebarright">    
    <li id="pages" class="widget widget_pages">        <h2 class="widgettitle">Страницы</h2>
        <ul>
            <li class="page_item page-item-7 current_page_parent"><a href="http://akulapokera.ru/o-sayte/" title="1. О САЙТЕ">1. О САЙТЕ</a>
    <ul>
    <li class="page_item page-item-15 current_page_item "><a href="http://akulapokera.ru/o-sayte/poker-novichkam/" title="Новичкам">Новичкам</a></li>
    <li class="page_item page-item-72"><a href="http://akulapokera.ru/o-sayte/luchshie-igroki-v-poker/" title="Акулы покера (лучшие игроки)">Акулы покера (лучшие игроки)</a></li>
    <li class="page_item page-item-16"><a href="http://akulapokera.ru/o-sayte/igrat-v-poker-besplatno/" title="Покер бесплатно">Покер бесплатно</a></li>
    <li class="page_item page-item-17"><a href="http://akulapokera.ru/o-sayte/slovar-pokera/" title="Словарь покера">Словарь покера</a></li>
    <li class="page_item page-item-18"><a href="http://akulapokera.ru/o-sayte/poker-rassylka/" title="Рассылка: новости, акции, бонусы, …">Рассылка: новости, акции, бонусы, …</a></li>
    <li class="page_item page-item-19"><a href="http://akulapokera.ru/o-sayte/faq/" title="FAQ">FAQ</a></li>
    <li class="page_item page-item-20"><a href="http://akulapokera.ru/o-sayte/skachat-poker/" title="Скачать покер">Скачать покер</a></li>
    </ul>
</li>
<li class="page_item page-item-8"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/" title="2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)">2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)</a>
    <ul>
    <li class="page_item page-item-21"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/obzor-frirollov/" title="Обзор фрироллов">Обзор фрироллов</a></li>
    <li class="page_item page-item-79"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/paroli-na-frirolly/" title="Пароли">Пароли</a></li>
    <li class="page_item page-item-22"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/regulyarnye-freerolls/" title="Регулярные freerolls">Регулярные freerolls</a></li>
    <li class="page_item page-item-23"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/raspisanie-freerolls/" title="Расписание freerolls">Расписание freerolls</a></li>
    </ul>
</li>

Вывод меню в sidebar.php:

<ul id="sidebarright">    
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
    <li>
                <h2>Recent Posts</h2>

                <ul>
                <?php wp_get_archives('type=postbypost&limit=05'); ?>

                </ul>

            </li>
            <li>

                <h2>Pages</h2>

                <ul>
                <li>
                <a href="<?php bloginfo('url'); ?>" class="<?php if(is_home()){echo 'class="current_page_item"';}?>"title="<?php bloginfo('name'); ?>">Home</a></li>

            
<?php wp_list_pages('title_li='); ?>

                </ul>

            </li>

_______________________
Возможно важно: Был изменен кусок кода чтоб выделять "текущую страницу". Вместо старого был вставлен этот код:

<a href="<?php bloginfo('url'); ?>" class="<?php if(is_home()){echo 'class="current_page_item"';}?>"title="<?php bloginfo('name'); ?>">Home</a></li>

И, соответственно, в самый низ style.css было добавлено:

#leftnav li.current_page_item a:link, #leftnav li.current_page_item
a:visited, #leftnav
li.current_page_item a:active
{
text-align: left;
    padding-top:0px;
    padding-left: 11px;
    line-height:15px;
    font-size:12px;
    overflow:hidden;
    padding: 0 0 0 15px;
font-weight: bold;
color:#090909;
background: url(img/link.jpg) left no-repeat;
}

_______________________

Имеющий роль кусок style.css:

#sidebarright {
    text-align: left;
    padding-top:0px;
    padding-left: 11px;
    margin-left: 11px;
    line-height:15px;
    font-size:12px;
    color:#8D8D8D;
    overflow:hidden;
background: none;}
#sidebarright a {
    text-decoration:none;
    color: #090909;
    padding: 0 0 0 15px;
    background: url(img/link.jpg) left no-repeat;}
#sidebarright a:visited {
    text-decoration:none;
    color:#090909;
    padding: 0 0 0 15px;}
#sidebarright div a {font-weight:bold;}
#sidebarright a:hover {
    text-decoration:none;
    color:#427298;}
#sidebarright a:visited:hover {
    text-decoration:none;
    color:#427298;}
#sidebarright ul {
    margin:0;
    padding:3px 0 3px 0;
    line-height:18px;
    list-style:none;}
#sidebarright ul li {    border-bottom: 1px dashed #E0E0E0;}
#sidebarright ul li li {}
#sidebarright ul li li:hover {        
    display: block;
    cursor: pointer;}
#sidebarright h2 {
    color:#427298;
    font-size:18px;
    width: 200px;
    height: 15px;
    font-family: Verdana, MS Sans Serif,  Times;
    text-align: left;
    margin:0px 0 0 0px;
    padding:0px 0 15px 30px;
    background: url(img/sidetop.jpg) left no-repeat;
    font-weight:normal;
    line-height:normal;}
#sidebarright ul li ul, .sidebar ul li div {padding:0 10px 10px 15px;}
#sidebarright ul li ul ul, .sidebar ul li div div {
    padding:0 0 0 10px;
    background:none;}

Итак. Что я делал.
Юзал Гугл, который меня выводил на два известных форума о Вордпрессе.
Понял что Вордпресс сам создает классы: <li class="page_item page-item-15 current_page_item ">
Вот с этими page_item, page-item-15, и current_page_item я и игрался в style.css
Правда, сначала хотел найти более продвинутый способ выделения главной категории при развернутых подкатегориях, но ничего не нашел. Решил ручками со стилями играться.
Коды а-ля

#leftnav li.page_item a:link, #leftnav li.page_item
a:visited, #leftnav li.page_item a:active
{
...}

вставлял в самый-самый низ style.css
При работе "методом тыка" понял, что имеет значение, как между собой расположены page_item и page-item-15.

Итак. Используя page_item я хотел закрасить жирным шрифтом абсолютно все меню. А потом при помощи классов подкатегорий (page-item-15) – надеялся вернуть им обычное, НЕ жирное написание.
Получилось наполовину. Получилось с теми страницами, на которых я уже был ранее (т.е. делал свое дело псевдокласс a:visited). Но те страницы на которых для браузера я не был раньше – оставались "жирными".
Вот код, который я вставлял в самый низ style.css (в первом сообщении – код #sidebarright из style.css ):
повыше – закрасил все при помощи page_item

#leftnav li.page_item a:link, #leftnav li.page_item
a:visited, #leftnav
li.page_item a:active
{
text-align: left;
    padding-top:0px;
    padding-left: 11px;
    line-height:15px;
    font-size:12px;
    overflow:hidden;
    padding: 0 0 0 15px;
font-weight: bold;
color:#090909;
background: url(img/link.jpg) left no-repeat;
}
#leftnav li.page_item a:hover {
    text-decoration:none;
    color:#427298;}
#leftnav li.page_item a:visited:hover {
    text-decoration:none;
    color:#427298;}

ниже – "возвращение" подкатегориям НЕжирности

#leftnav li.page-item-15 a:link, #leftnav li.page-item-15
a:visited, #leftnav
li.page-item-15 a:active

#leftnav li.page-item-72 a:link, #leftnav li.page-item-72
a:visited, #leftnav
li.page-item-72 a:active

#leftnav li.page-item-16 a:link, #leftnav li.page-item-16
a:visited, #leftnav
li.page-item-16 a:active

#leftnav li.page-item-17 a:link, #leftnav li.page-item-17
a:visited, #leftnav
li.page-item-17 a:active

#leftnav li.page-item-18 a:link, #leftnav li.page-item-18
a:visited, #leftnav
li.page-item-18 a:active

#leftnav li.page-item-19 a:link, #leftnav li.page-item-19
a:visited, #leftnav
li.page-item-19 a:active

#leftnav li.page-item-20 a:link, #leftnav li.page-item-20
a:visited, #leftnav
li.page-item-20 a:active

#leftnav li.page-item-21 a:link, #leftnav li.page-item-21
a:visited, #leftnav
li.page-item-21 a:active

#leftnav li.page-item-79 a:link, #leftnav li.page-item-79
a:visited, #leftnav
li.page-item-79 a:active

#leftnav li.page-item-22 a:link, #leftnav li.page-item-22
a:visited, #leftnav
li.page-item-22 a:active

#leftnav li.page-item-23 a:link, #leftnav li.page-item-23
a:visited, #leftnav
li.page-item-23 a:active
{
text-align: left;
    padding-top:0px;
    padding-left: 11px;
    line-height:15px;
    font-size:12px;
    overflow:hidden;
    padding: 0 0 0 15px;
font-weight: normal;
color:#090909;
background: url(img/link.jpg) left no-repeat;
}
#leftnav li.page-item-15 a:hover {
    text-decoration:none;
    color:#427298;}
#leftnav li.page-item-15 a:visited:hover {
    text-decoration:none;
    color:#427298;}

(при этом все получалось только для страниц a:visited)

еще ниже – выделение "текущей страницы"

#leftnav li.current_page_item a:link, #leftnav li.current_page_item
a:visited, #leftnav
li.current_page_item a:active
{
text-align: left;
    padding-top:0px;
    padding-left: 11px;
    line-height:15px;
    font-size:12px;
    overflow:hidden;
    padding: 0 0 0 15px;
font-weight: bolder;
color:#090909;
font-style: oblique;
background: url(img/link.jpg) left no-repeat;
}
#leftnav li.current_page_item a:hover {
    text-decoration:none;
    color:#427298;}
#leftnav li.current_page_item a:visited:hover {
    text-decoration:none;
    color:#427298;}

В общем, что-то я делаю не так (знал бы CSS – наверно не было б таких проблем)
Помогите правильно выделить основные категории. Или каким-то продвинутым способом – вставляешь куда-то какой-то код и все родительские страницы сами выделяются жирным. Или с помощью CSS
http://akulapokera.ru/

типа того:
#sidebarright li {font-weight:bold;}
#sidebarright li li {font-weight:normal;}

sonika, спасибо!
Уже помог совет searchingman из соседнего форума.
Свои инициативы из style.css убрал, и после всех "#sidebarright" вставил код:
#sidebarright>li >ul>li>a {
font-weight:bold;
}
и все получилось.

Anonymous
Отправить
Ответ на: