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

WEB菜鸟
  • 276

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

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

color: #24ABD9;

}

3.然后问题来了,点击就开始乱变颜色了,我用JQuery操作了也没用求解:
图片描述
4.代码已经上传到私人网站:www.xurizhixin.com,求解决;

回复
阅读 2.9k
3 个回答
李十三
  • 13.2k

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏