twitter-bootstrap - 更改导航选项卡上的悬停颜色

Question

我想更改悬停导航选项卡的文本颜色，所以我命名为:nav nav-tabs custom，所以我的 View 中的代码如下所示:

      <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 中的代码

.custom a:hover {color: black;}

它不起作用。有人能帮我吗 ？

Answer 1

您需要使您的选择器更具体一点，以正确定位您的选项卡。尝试这个:

.custom > li > a:hover {
    color: black;
}

顺便说一句，这只会改变文本的颜色，如果你想改变悬停开关时标签的背景颜色 color属性(property)给 background-color .