html - 在单个页面上更改菜单样式？

Question

我想知道如何更改网站单个页面上菜单的外观？

基本上，我的“主菜单”中有 6 个菜单项。我正在使用我的模板包附带的菜单模块，“AS Superfish Menu”就是它的名字。

当您向下滚动页面时，菜单的 react 是缩小所有内容。这是一个响应式菜单。背景是透明的。现在，我只需要它在一个名为“历史”的菜单项上不透明。它必须对所有其他人仍然透明。

我已经尝试在“历史记录”的菜单项配置中的“页面显示”中添加自定义类，但没有成功。

如有任何帮助，我们将不胜感激。

Answer 1

在你的情况下，如果你可以添加类到菜单-

.menuClass{
 background: rgb(255, 255, 255);
}

如果样式未出现，请尝试使用 !important在样式中，例如:

.menuClass{
 background: rgb(255, 255, 255) !important;
}

在你的情况下，如果你不能添加类到菜单然后使用-

 .mainMenuClass li:nth-child(3) {
   background: rgb(255, 255, 255);
 }

这里是 :nth-child(3)是菜单 History 的编号，我猜它是 <li>如果没有，则使用子菜单的标签。

如果您提供HTML，我们可以更加明确。