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

Question

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

Answer 1

只需使用直接 child select 或示例 header > ul {font-family:Arial} 这将 select 只有 header 元素的直接 children但没有更深层次的东西

Answer 2

为此class制定CSS规则

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

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