2011-12-10 11 views
0

特定のページテンプレートを使用しているときはいつでもサブメニューアイテムを特定の色にするようにしていますが、セレクタを右に置く+難しいところです。ここではページのそのセクションのWPの出力があります:Wordpress jqueryはサブメニュー項目を選択しますか?

<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> 
+0

あなたは、現在のページを強調したい、または異なるページテンプレートのリンクの色を変更できますか? – superUntitled

+0

特定のページテンプレート内の2番目のサブメニュー項目の色を変更したいと思います。 – user1084290

答えて

1

はあなたが私はあなたがjQueryを必要としないと思う

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

特定のページテンプレート内の2番目のサブメニュー項目の色を変更したいと思います。 – user1084290

0

を試してみましたが、それは純粋なCSSです。試してみてください。

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

または多分ちょうど:

.sub-menu li{ 
     color:#aaa; 
} 
関連する問題