更改导航栏字体
我是一名初学者，目前正致力于在我的主页上创建自己的导航栏，并且在更改字体（颜色，字体系列等）时遇到了一些问题。更改导航栏字体
默认情况下，我的导航栏（主页，联系人，商店等）中的链接格式化为链接，因为它们是链接。我进入了我的style.css文件并声明了一个新的ID，a.nav {}，但我不确定如何让我的导航栏使用此ID而不是默认的{}。
这是我在我的header.php文件中的代码：
\t \t <nav class="site-nav">
\t \t \t <?php
\t \t \t $args = array(
\t \t \t \t 'theme_location' => 'primary'
\t \t \t \t );
\t \t \t ?>
\t \t \t
<?php wp_nav_menu( $args); ?>
</nav>
\t \t </header>这是代码我在我的style.css文件：
## Links
--------------------------------------------------------------*/
a {
\t color:#000;
}
a:visited {
\t /*color:#454545;*/
}
a:hover,
a:focus,
a:active {
\t color: #fff;
\t text-decoration:bold;
}
a:focus {
\t outline:none;
}
a:hover,
a:active {
\t outline: 0;
\t
}
/* Links - home.site-nav */
a.nav:link {
\t font-family: montserrat;
\t font-weight: 100;
\t font-style: normal;
\t color:#fff;
}
a.nav:visited {
\t /*color:#454545;*/
}
a.nav:hover,
a.nav:focus,
a.nav:active {
\t color: #fff;
\t text-decoration:bold;
}
a.nav:focus {
\t outline:none;
}
a.nav:hover,
a.nav:active {
\t outline: 0;
\t
}我想要的是我的导航栏使用新声明的a.nav类而不是a。有任何想法吗？
如果我是你，我会选择
.site-nav a {
color:black;
font-size: 15px;
/*etc*/
}
而不是创建一个新的类。这应该适用于菜单中的链接，而不需要编辑HTML本身。
但是，请注意，style.css文件将在每次Wordpress或主题更新时重置，因此请确保您有备份。 （或者你可以创建一个儿童主题，但如果你是新手，我不会推荐这个）。
这很完美！非常感谢你的帮助。正如我上面的帖子所说，我是一个初学者，所以这从来没有真正发生过。:) –
我已经备份了所有的文件我已经编辑过，也安装了一个插件来停止主题更新。感谢提示，我没有意识到这一点！ –
直接对主题style.css所作的任何更改将被下一主题的更新覆盖。因此，最好在Customize> Additional CSS下添加自定义CSS。
接下来，我们需要了解什么在CSS中优先。我们需要记住这4条规则（更好地解释为here）。
- 内嵌CSS（html样式属性）覆盖样式标记和CSS文件中的CSS规则。
- 更具体的选择器优先于不太具体的选择器。
- 在代码后面出现的规则会覆盖较早的规则，如果两者具有相同的特征。
- 带有！重要的css规则总是优先。
在你的榜样，以确保您的样式优先它需要此块中，它的变化（悬停，活动...等）：
nav .site-nav a {
}
如果你不能看到任何更改仍然可以，您可以添加!important旁边的属性。例如：color: #fff !important;。
希望这会有所帮助。祝你好运！
因此，将该类添加到CSS文件中的所有选择器。这是你问的吗？目前尚不清楚在尝试使用CSS类时遇到什么问题。请注意，你的类名不是'nav'，它是'site-nav'。 – csmckelvey
为什么不简单设计'
或者使用现有的选择器并指定足够的选择器，同时声明您的规则超出所应用的默认或供应商样式。 – UncaughtTypeError