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

【问题标题】：Change navigation menu font but not links below it更改导航菜单字体，但不更改其下方的链接
【发布时间】：2015-09-25 03:01:59
【问题描述】：

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

【问题讨论】：

【解决方案1】：

为这个类制定 CSS 规则

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案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主题中所有菜单链接的字体，但不会影响主题中的任何其他链接。

【讨论】：