css - Wordpress 菜单 - css 选择器问题

Question

我在页面上有一个自定义菜单:

<ul id="menu">
   <li id="menu-item-148" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-148 publish">
       <a href="http://url/site/index.php/products/product-name/">Information<span class="circle">•</span></a>
   </li>
   <li id="menu-item-149" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-149 publish">
       <a href="http://url/site/index.php/products/product-name/register/">Register<span class="circle">•</span></a>
   </li>
   <li id="menu-item-150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-150 publish">
       <a href="http://url/site/index.php/products/product-name/support/">Support<span class="circle">•</span></a>
   </li>
   <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151 publish">
       <a href="http://url/site/index.php/products/product-name/downloads/">Downloads<span class="circle">•</span></a>
   </li>
</ul>

信息是其他3个的父页面

我有以下 CSS，但它根本无法识别，它不会在 fire-bug 中显示为被覆盖，它似乎不存在，但不确定为什么？

.current_page_ancestor > a,
.current-menu-ancestor > a  { border: 1px solid red; color: red; background-color: blue; }

如果我从 CSS 中删除 .current-menu-ancestor > 那么样式会影响所有链接

Answer 1

在您的 CSS 更改中:

current_page_ancestor

收件人:

current-page-ancestor

但请务必查看 wordpress 自定义菜单 walker。

它将在一个新的 ul 中包含子项，这对 seo 越来越好。