WordPress JQuery выбрать пункт подменю?

Question

Я пытаюсь заставить элемент подменю иметь определенный цвет всякий раз, когда я нахожусь на определенном шаблоне страницы, но мне трудно получить правильный селектор +, где разместить код. Вот вывод WP для этого раздела страницы:

<div class="header-menu-container">
<ul id="menu-menu-header" class="menu">
<li id="menu-item-2562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2562">
<li id="menu-item-2699" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2699">
<li id="menu-item-2701" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2701">
<li id="menu-item-2700" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2700">
<li id="menu-item-2588" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-2588">
<a href="http://www.luckymedia.com/clients/Linus/content/?page_id=2585">Services</a>
<ul class="sub-menu">
<li id="menu-item-3344" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3344">
<li id="menu-item-3345" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-3322 current_page_item menu-item-3345">
<li id="menu-item-3459" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3459">
<li id="menu-item-3462" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3462">
</ul>
</li>
</ul>
</div>

Answer 1

Вы пробовали

.current_page_item{
    color:red; /* any color here */
}

Answer 2

Я думаю, вам не нужны jquery, это чистый CSS.попробуйте:

.current_page_item .sub-menu li{
       color:#aaa;
}

или, может быть, просто:

.sub-menu li{
       color:#aaa;
}