2017-06-02 8 views
0

私はナビゲーションメニューを持っていますが、その中の各リンクはアクティブなときに異なる色になります。私は通常、このような何かを行うことができます知っている:WordPressで個別にアクティブなリンクの色を変更する

.side_bar_nav li.current-menu-item a{ 
    color: #ff6633; 
} 

しかし、これは私が個別に各リンクを対象とし、それを独自の色を与えたいときにアクティブそれぞれ同じ色をリンクできます。これは、アクティブなときにターゲットにするリンクの1つです。アクティブな色を#336699に設定します。あなたのli要素は固有のIDを持っているので、あなたは以下を使用することができます

<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-9 current_page_item menu-item-49"> 
    <a href="http://fyberproperty.co.uk/">home</a> 
</li> 

答えて

1

.page-id-9 #menu-item-49 a { 
    color: red; 
} 
+0

ありがとうございます:使用:アクティブは、リンクをクリックして押したときにのみ色を適用します。私はそれがそのリンクのページが開いているときにそれを表示したい。 – Reece

+0

ああ、私は今理解しています。私はページごとに一意のIDを持っていない限り、CSSでそれを解決することはできません。 – Gerard

+0

各ページには、wordpressによって追加された独自の個別のクラスがあります。この特定のページには.page-id-9のクラスがあります。私はこれでそれをすることができるだろうか? – Reece

1

あなたのコードは

.side_bar_nav li.current-menu-item a{ 
    color: #ff6633; 
} 

を動作するはずです。しかし、これはすべてに同じ色を与えている場合リンク。現在のリンクが親メニュー項目ではないと確信していますか?

関連する問題