有个有点麻烦的样式冲突问题关于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改变也没用

Answer 2

你可以这样 css解析渲染是从上往下的 相同的节点如果有多个css控制优先获取最后一个可生效的css 但是你要加important啥的 强制改变优先级的 就不行啦

Answer 3

大家解决了原因没找到但是解决了,我上图代码在www.xurizhixin.com求原因啊........