twitter-bootstrap – 在导航标签上更改悬停颜色

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 在导航标签上更改悬停颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想更改悬停导航标签文本颜色,所以我命名为:nav nav-tabs custom,所以我的视图中的代码如下所示: @H_502_2@<li class="active"><%= link_to "Overview",'#' %> </li> <li><%= link_to "About",'#' %></li> <li><%= link_to "What we do",'#' %></li> <li><%= link_to "Partners",'#' %></li> <li><%= link_to "Contact",'#' %></li> <li><%= link_to "Support",'#' %></li> </ul>

和我的custom.css.scss中的代码

@H_502_2@.custom a:hover {color: black;}

它不行.有人能帮我吗 ?

解决方法

您需要使您的选择器更具体,以正确定位您的选项卡.尝试这个: @H_502_2@.custom > li > a:hover { color: black; }

顺便说一句,这只会改变文本的颜色,如果要在将颜色属性悬停在背景颜色上时更改选项卡的背景颜色.

猜你在找的Bootstrap相关文章