Javascript 如何更改react引导导航栏链接的悬停效果？

我想将悬停效果从白色改为绿色，但我无法找到它的确切css代码。

<Navbar fixed='top' collapseOnSelect expand="md" variant="dark" className="animate-navbar nav-theme justify-content-between">
                <Navbar.Brand href="#home" className='logo'>Anis Agwan</Navbar.Brand>
                <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                <Navbar.Collapse id="responsive-navbar-nav">
                    <Nav className="ml-auto">
                    <Nav.Link href="#home">Home</Nav.Link>
                    <Nav.Link href="#about">About Me</Nav.Link>
                    <Nav.Link href="#timeline">Timeline</Nav.Link>
                    <Nav.Link href="#projects">Projects</Nav.Link>
                    <Nav.Link href="#skills">Skills</Nav.Link>
                    <Nav.Link href="#contact">Contact</Nav.Link>
                    </Nav>
                </Navbar.Collapse>
            </Navbar>

---

这里有一些CSS可能会有所帮助

.nav链接{
显示：内联块；
高度：20px；
背景色：白色；/*将更改元素的背景色*/
颜色：绿色；/*将更改元素中文本的颜色*/
}
.导航链接：悬停{
背景色：绿色；/*将更改悬停时元素的背景色*/
颜色：白色；/*将在悬停时更改元素中文本的颜色*/
}

安妮斯·阿格万
家
关于我
时间线
项目
技能
接触

您想在哪个元素上更改颜色？目前，您的代码中没有白色元素。我正在尝试在导航链接上添加悬停效果。i、 e Home，关于我，等等。在导航栏上看到更新的示例，这次我使用了你的代码。-只需在导航链接中添加一个类并更改其中的颜色。我希望字体颜色更改，而不是背景颜色。我已更新了代码段并添加了注释。让我知道这是否有效。如果这解决了您的问题，请标记为正确（单击复选标记）。非常感谢。

.nav-theme {
    background-color: #212121;
    font-size: 20px;
    
}

.animate-navbar {
   box-shadow: 1px 1px 1px hsla(240, 20%, 8%, 0.973);
   animation: moveDown 0.5s ease-in-out;
   
}


.logo {
  color: #64dd17;
}