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

Question

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

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

将其更改为在其中包含字体系列声明，例如，如果您要为菜单链接添加 Verdana 字体：

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

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