Html 如何在单击导航栏链接后删除颜色背景

我已经在下面的链接

Reza

中编写了代码。问题是在点击导航链接后出现白色补丁

@sanriot请参考屏幕截图

添加以下CSS：

.nav > li > a:focus, .nav > li > a:hover{
  background: transparent !important;
}

var-Deb=[]；
$.noConflict（）；
jQuery（文档）.ready（函数（$）{
Deb.push（文件位置）；
});
/*添加*/
.nav>li>a：聚焦，
.nav>li>a:悬停{
背景：透明！重要；
}
身体{
保证金：0；
填充：0；
字体：400 14px/24px“开放式Sans”，无衬线；
}
#标题{
浮动：左；
宽度：100%；
位置：相对位置；
}
.头顶{
浮动：左；
宽度：100%；
位置：固定；
背景：红色；
z指数：999；
}
#导航{
填充：0；
利润率：16px0；
列表样式：无；
}
#李海军{
显示：内联块；
浮动：无；
位置：相对位置；
填充：0 20px 0；
}
#导航激活{
背景：透明；
}
#李娜{
字体：400 14px/14px“拉托”，无衬线；
颜色：#000；
文本转换：大写；
文字装饰：无；
填充：0 20px；
显示：块；
位置：相对位置；
z指数：20；
}
#导航李：悬停>a{
背景：无；
}
#导航李：悬停，
#导航李：悬停>a{
文字装饰：无；
}

桑迪普
切换导航






最后加上这个

/* unvisited link */
a:link {
  background-color: red !important;
}

/* visited link */
a:visited {
  background-color: red !important;
}

/* mouse over link */
a:hover {
  background-color: red !important;
}

/* selected link */
a:active {
  background-color: red !important;
}

我无法得到一个请参考屏幕截图below@sandeep哪里是截图/@sandeep I更新答案源代码。过来看。如果问题已解决，请单击答案左侧的复选标记：）我仍然可以看到issue@sandeep我无法在代码片段上复制它。