有个有点麻烦的样式冲突问题关于Bootstrap的滚动监听

Question

1. bootstrap的滚动监听绑定nav背景太丑,设计了下变为滚动监听nav字体颜色改变,代码如下;
   
   

2.悬浮也要变色也给了:
div#example-navbar-collapse>ul>li>a:hover{

color: #24ABD9;

}

3.然后问题来了,点击就开始乱变颜色了,我用JQuery操作了也没用求解:

4.代码已经上传到私人网站:www.xurizhixin.com,求解决;

Answer 1

先不说其他，吐槽一下你这css选择器的写法。。。 你写了!important 权重最高 style比他权重低 所以通过js改变也没用