記録的な鉱山の作品のためだけに。Chrome を使用していますが、他のブラウザでは問題が発生する可能性があります。
あなたのCSScurrent-menu-item
はのectにあると思います。より多くの疑似型が必要です。
あなたのもの:
#main-navigation .current-menu-item > a:link,
#main-navigation .current-menu-ancestor > a:link,
#main-navigation .current_page_item > a:link,
#main-navigation .current_page_parent > a:link,
#main-navigation .current_page_ancestor > a:link {
background: #e69433 url(images/template/nav-link-bg-over.jpg) left top repeat-x;
}
#main-navigation .current-menu-item > a,
#main-navigation .current-menu-ancestor > a,
#main-navigation .current_page_item > a,
#main-navigation .current_page_parent > a,
#main-navigation .current_page_ancestor > a {
color: #000;
}
私はそれらを次のように組み合わせます:( 余分なクラスを差し引いたもの)
#main-navigation .current-menu-item a,
#main-navigation .current-menu-item a:link,
#main-navigation .current-menu-item a:visited,
#main-navigation .current-page-parent a,
#main-navigation .current-page-parent a:link,
#main-navigation .current-page-parent a:visited {
background: #e69433 url(images/template/nav-link-bg-over.jpg) left top repeat-x;
color: #000;
}
#main-navigation .current-menu-item a:hover,
#main-navigation .current-menu-item a:active,
#main-navigation .current-page-parent a:hover,
#main-navigation .current-page-parent a:active {
background: orange url(images/template/nav-link-bg-over.jpg) left top repeat-x;
color: pink;
}
また、これ>
は最新のブラウザでは理解できないものです。完全に削除した方が安全かもしれません。
- アップデート -
親ページと子ページの両方のリスト項目を詳しく見ると、次のようになります。
親品目
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-15 current_page_item menu-item-142">
子ページ
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-142">
必要なクラスに合わせて上記のスタイルを調整しました。