Wordpress 主菜单第一项默认突出显示答案

【问题标题】：Wordpress main menu first item highlighted by defaultWordpress 主菜单第一项默认突出显示
【发布时间】：2016-02-09 15:38:53
【问题描述】：

我在 wordpress 中有这个网站，它有一个菜单

以及改变悬停颜色的css属性

.main-navigation a:hover {
  background: #fa5742;
  color: #f1f1f1;
}

我希望主页默认突出显示，我该怎么做？我是 wordpress 的新手，因此我可能在这里错过了最简单的技巧。

【问题讨论】：

【解决方案1】：

正确的做法是突出显示当前菜单项

.main-navigation li.current_page_item a {
  background: #fa5742;
  color: #f1f1f1;
}

【讨论】：

【解决方案2】：

请写 Css（使用第一个孩子）

    .main-navigation li:first-chile a {
  background: #fa5742;
  color: #f1f1f1;
}

【讨论】：

【解决方案3】：

如果您使用的是标准 WordPress 菜单，您可以使用 .current_page_item 类来突出显示用户当前所在的页面。

.main-navigation li.current_page_item a {
  background: #fa5742;
  color: #f1f1f1;
}

如果像您描述的那样，您只是希望始终突出显示第一项，您可以使用以下 CSS。

.main-navigation li:first-child a {
  background: #fa5742;
  color: #f1f1f1;
}

【讨论】：