我如何同时更改标题菜单的悬停文字和背景颜色？

[rickwatson]

如何更改标题菜单的悬停文本和背景颜色？
我不太懂 CSS？

如果能提供代码以及放置代码的位置将很有帮助，谢谢！

@vinothkannans

[keegan (Keegan George)]

嘿 @rickwatson，这里有一些代码可以帮助你。你需要更新 color/background-color 值，使其符合你的期望。将它们放在 common.css 标签中应该可以工作。

页眉菜单的背景颜色：

.b-header {
   background-color: var(--tertiary);
}

链接

.b-header .nav-pills li a {
    color: var(--secondary);
}

链接（悬停时）

.b-header .nav-pills li a:hover {
    color: #001aff;
    background-color: red;
}

关于可以为 color 和 background-color 属性提供哪些值，请参阅 此处 获取更多信息。你可以输入十六进制颜色代码、rgba 值、hsa 值等。

但是，建议尽可能使用现有的 CSS 变量，以便你能维护暗模式支持等功能。

你可以通过在浏览器的开发者工具中检查 ( 如何访问) 来了解你的网站上存在哪些变量以及它们对应哪些颜色。

打开后，在 :root 选择器的 Styles 标签中检查 color_definitions.scss 中的声明。