将导航栏中的翻转文本颜色更改为绿色

Question

我不是客户开发人员，并且花了数小时来完成某些工作，我相信其中很多人都可以在几秒钟内完成。

我有以下代码。 我想在过渡时将链接颜色更改为green 。 我正在尝试的一切都没有起作用； 翻转颜色始终为白色。 我需要做什么？

 .nav>li>a:hover, .nav>li>a:focus { background-color: #EF92A5; text-decoration: none; } 

 <nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;"> <div class="navbar-collapse collapse" style="background-color:white; border-color:white;"> <ul class="nav navbar-nav" style="background-color:white; border-color: white;"> <li><a asp-area="" asp-controller="Records" asp-action="Index">Home</a></li> <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li> <li><a asp-controller="Records" asp-action="Create">Contribute</a></li> </ul> </div> </nav> 

Answer 1

您有一些小问题。

1. 您正在关闭在开始标签上创建的nav标签的标签。 您需要删除斜杠“ /”。
2. 您已将“翻转”颜色设置为红色十六进制值。

这是一个jsfiddle： https ://jsfiddle.net/tgk2x7bz/

Answer 2

尚无法添加评论，因此我将其发布为答案。

目前，尽管＃EF92A5不是绿色，但是您可以使用。 看到这个小提琴

在nav元素中，删除结尾的/：

更改

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;" />

至

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: white; border-color:white;">