Html 如何更改引导导航栏的悬停文本

您好，使用来自引导的自定义导航栏-如何更改此项的悬停颜色（为红色）？如果我也想改变文本的实际颜色，我会怎么做呢。我尝试了一些使用CSS的方法，但似乎没有任何效果

我已附上以下代码：

使用伪类：

h1{
/*默认样式*/
文本对齐：居中；
颜色：白色；
背景色：#ccc；
填充：1em；
/*过渡时间*/
过渡：全部。5s
}
h1：悬停{
/*鼠标悬停时设置样式*/
背景色：#333；
填料：2米；
}

在我上空盘旋！

使用伪类：

h1{
/*默认样式*/
文本对齐：居中；
颜色：白色；
背景色：#ccc；
填充：1em；
/*过渡时间*/
过渡：全部。5s
}
h1：悬停{
/*鼠标悬停时设置样式*/
背景色：#333；
填料：2米；
}

在我上空盘旋！

首先从导航元素中删除内联样式将它们移动到单独的css类，并为同一类添加另一个悬停效果规则

例如：-

---

或者您可以先尝试从nav元素中删除内联样式将它们移动到单独的css类，并为同一类添加另一个悬停效果规则

例如：-

---

或者您可以尝试将

.nav项目
悬停/焦点样式更改为红色：


.navbar-dark.navbar-nav.nav-item.nav-link:focus，
.导航栏暗.导航栏导航.导航项目.导航链接：悬停{
颜色：红色；
}
















要将
.nav项目
悬停/聚焦样式更改为红色：


.navbar-dark.navbar-nav.nav-item.nav-link:focus，
.导航栏暗.导航栏导航.导航项目.导航链接：悬停{
颜色：红色；
}
















您是否尝试过css伪类
：hover
？例如，您可以将此规则添加到css以更改背景和文本颜色
。导航栏：hover{background color:red；color:red；}
您好，请查看以下链接。你能发布一个工作片段吗？导航栏的其余部分似乎丢失了。您是否尝试过css伪类
：hover
？例如，您可以将此规则添加到css以更改背景和文本颜色
。导航栏：hover{background color:red；color:red；}
您好，请查看以下链接。你能发布一个工作片段吗？导航栏的其余部分似乎不见了。
.custom-nav {
  background-color: rgba(0,0,0,0.85);
  height:50px;
  font-size:20px;
}

.custom-nav:hover {
  background-color: red;
  color: white; // Any color for text
}