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

Question

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

和改变悬停颜色的css属性

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

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

Answer 1

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

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

Answer 2

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

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

Answer 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;
}