Html 我希望仅在未选定导航链接期间播放悬停动画

以下是指向我的代码笔的链接：

以下是嵌入的代码：

.navbar default.navbar nav>li.active a，
.navbar默认值.navbar nav>.active，
.navbar默认值.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:link，
.navbar默认值.navbar nav>.active>a:已访问，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
颜色：白色；
背景色：rgba（74,74,74,1.00）；
}
@-webkit关键帧greenPulse{
从{
背景色：#749a02；
-网络工具包盒阴影：0 0 9px#333；
}
50% {
背景色：#91bd09；
-网络工具包盒阴影：0 0 18px#91bd09；
}
到{
背景色：#749a02；
-网络工具包盒阴影：0 0 9px#333；
}
}
.navbar默认值.navbar nav>li>a:悬停，
.navbar默认值。navbar导航>li>a:焦点{
背景色：rgba（230、230、230、1.00）；
-webkit动画名称：greenPulse；
-webkit动画持续时间：2秒；
-webkit动画迭代计数：无限；
}
/*使所有导航链接框的宽度相同*/
李国荣先生{
浮动：左；
宽度：10em；
}
.nav li a:链接{
显示：块；
宽度：100%；
文本对齐：居中；
}
/*使用CSS三角形技巧为选定导航栏选项卡指定箭头指针*/
.navbar默认值.navbar导航>li.active{
位置：相对位置；
}
.navbar默认值.navbar导航>li.active:之后{
/* http://stackoverflow.com/questions/7073484/how-do-css-triangles-work */
边框颜色：透明rgba（74,74,74,1.00）透明；
边框样式：实心；
边框宽度：15px 15px 30px 15px；
内容：“；
保证金：自动；
位置：绝对位置；
左：0；
右：0；
顶部：-40px；
身高：0；
宽度：0；
}

这里有几种解决方案。要么使用

！重要的

这样的规则（在您定义的第一个css规则上）-

另一个解决方案是将上述代码剪切并粘贴到css的最后一个部分。在这种情况下，您不需要

！重要

规则

---

请参阅。

添加以下代码以覆盖活动链接的动画：

.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus
{
    -webkit-animation-name:none

}

---

只需在CSS中添加以下行，然后检查它

.navbar默认值.navbar nav>li.active>a:悬停， .navbar default.navbar nav>li.active>a:focus{-webkit动画名称：无；背景：无；颜色：#fff；}

如果你有任何问题，一定要告诉我

.navbar default.navbar nav>li.active a、.navbar default.navbar nav>.active、.navbar default.navbar nav>.active>a:link、.navbar default.navbar nav>.active>a:invested、.navbar default.navbar nav>.active>a:hover、.navbar default.navbar nav>.active>a:focus{颜色：白色；背景色：rgba（74,74,74,1.00）；}
@-webkit关键帧greenPulse{from{
背景色：#749a02；
-网络工具包盒阴影：0 0 9px#333；
}
50% {
背景色：#91bd09；
-网络工具包盒阴影：0 0 18px#91bd09；
}
至{背景色：#749a02；-webkit盒阴影：0 0 9px#333；}
}
.navbar default.navbar nav>li>a:hover.navbar default.navbar nav>li>a:focus{背景色：rgba（230230230,1.00）；-webkit动画名称：greenPulse；-webkit动画持续时间：2s；-webkit动画迭代次数：无限；}
/*使所有导航链接框的宽度相同*/
.nav li{浮动：左；宽度：10em；}
.nav li a:链接{显示：块；宽度：100%；文本对齐：中心；}
/*使用CSS三角形技巧为选定导航栏选项卡指定箭头指针*/
.navbar default.navbar nav>li.active{position:relative；}
.navbar默认值.navbar nav>li.active:在{/*http://stackoverflow.com/questions/7073484/how-do-css-triangles-work */
边框颜色：透明透明rgba（74,74,74,1.00）透明；边框样式：实心；边框宽度：15px 15px 30px 15px；内容：；边距：自动；位置：绝对；左：0；右：0；顶部：-40px；高度：0；宽度：0；}
.navbar默认值.navbar nav>li.active>a:悬停，
.navbar default.navbar nav>li.active>a:focus{-webkit动画名称：无；背景：无；颜色：#fff；}

在CODEPTN上的工作很好，我想不是这样的。不，问题在CODESTEN上，也在我的浏览器预览上。@ Xeon考虑选择一个答案作为最好的答案，无论你发现哪一个最好，如果没有人解决你的问题，那么就可以自由地详细阐述你的问题了。
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus
{
    -webkit-animation-name:none

}