更改导航菜单字体，但不更改其下方的链接

Question

是否有一种方法可以改变我的主导航菜单中的字体而不改变它们下面的下拉菜单上的字体?我使用Wordpress与创世纪子主题。这是我的网站。我只是想改变灰色导航栏上的字体，而不是它们下面的链接

Answer 1

为这个类设置CSS规则

.genesis-nav-menu>li>a {
    //some CSS
}

Answer 2

使用直接子选择器示例header > ul {font-family:Arial}，它将只选择header元素的直接子元素，而不选择更深层的

Answer 3

在你的style.css的第948行你有这样的样式块:

.genesis-nav-menu .menu-item {
    text-align: left;
}

将其更改为包含字体族声明，例如，如果您要为菜单链接添加Verdana字体:

    .genesis-nav-menu .menu-item {
       text-align: left;
       font-family: Verdana;
       }

它将改变创世纪主题中所有菜单链接的字体，但不会影响主题中的任何其他链接。