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

Question

有没有办法在我的主导航菜单中更改字体而不更改它们下面的下拉字体？我使用带有Genesis子主题的Wordpress。 This is my site。我只想更改灰色导航栏上的字体，而不是它们下面的链接。

Answer 1

为此类制作CSS规则

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

Answer 2

只需使用直接子选择器示例header > ul {font-family:Arial}，这将只选择标题元素的直接子元素，但不会选择任何更深层次的

Answer 3

在第948行的style.css中，你有这个风格块：

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

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

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

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