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;
}

Wordpress jquery选择一个子菜单项？

2 个答案: