最佳答案

要去掉WordPress导航中的多余样式，可以通过以下几种方式来实现：

1. 使用CSS代码:

可以通过在主题的样式表中添加一些自定义的CSS代码来去掉多余的样式。首先打开你的WordPress主题文件夹，找到style.css文件，然后在文件的末尾添加以下代码：

.navbar .menu-item a {
text-decoration:none;
color:inherit;
padding: 0;
margin: 0;
}
.navbar .menu-item:hover > a {
color:#000;
}

上述代码中，我们使用了`text-decoration:none;`来去掉导航链接的下划线，`padding: 0;`和`margin: 0;`来去除导航链接的默认间距，`color:inherit;`保持导航链接的字体颜色与父元素保持一致，`color:#000;`设置鼠标悬停时的字体颜色为黑色。

2. 使用WordPress插件:

你也可以使用一些WordPress插件来帮助你去掉多余的导航样式。例如，可以使用插件"Simple Custom CSS and JS"，它可以让你在WordPress后台添加自定义的CSS代码，以去掉导航的多余样式。

安装并激活该插件后，进入WordPress后台，在"外观" -> "自定义CSS和JS"页面，添加以下CSS代码：

.navbar .menu-item a {
text-decoration:none;
color:inherit;
padding: 0;
margin: 0;
}
.navbar .menu-item:hover > a {
color:#000;
}

保存更改后，刷新你的网站，就可以看到导航中的多余样式已经被去掉了。

以上是两种常用的去掉WordPress导航多余样式的方法，你可以根据自己的喜好和需要选择其中一种来实现。

其他答案

在WordPress中，导航菜单通常有许多默认的样式，但有时我们希望去除一些多余的样式来定制导航的外观。下面是一些常见的方法来去除WordPress导航的多余样式。

1. 使用自定义CSS：在WordPress主题中，通常都有一个「自定义CSS」的选项，你可以通过在这里添加自定义的CSS代码来修改导航菜单的样式。你可以添加以下代码来去除多余的样式：

.menu-item a {

text-decoration: none !important;

color: black !important;

}

这会去除导航菜单项的下划线，并将链接颜色设置为黑色。你可以根据自己的需要修改这些样式。

2. 使用WordPress导航菜单编辑器：WordPress提供了一个内置的导航菜单编辑器，你可以在「外观 > 菜单」页面中找到它。在这里，你可以自定义导航菜单的结构和样式。你可以通过添加自定义CSS类来去除多余的样式。例如，你可以将导航菜单项的CSS类设置为「no-style」，然后在自定义CSS中添加以下代码：

.no-style a {

text-decoration: none !important;

color: black !important;

}

这样会去除带有「no-style」类的导航菜单项的下划线，并将链接颜色设置为黑色。

3. 使用WordPress插件：如果你不熟悉CSS或不想手动修改代码，你还可以使用WordPress插件来去除多余的导航样式。有一些插件（如「Customizer Remove All Theme Styling」）可以帮助你去除所有主题的样式，并提供一个简洁的导航菜单样式。

以上是一些常见的方法来去除WordPress导航的多余样式。你可以根据自己的需要选择适合你的方法。