更改悬停颜色

我想改变悬停导航，标签的文本颜色，所以我命名为：资产净值NAV-标签定制，所以代码在我看来是这样的：更改悬停颜色

 <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;}

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

来源

2012-05-18 skrypalyk

您需要让您的选择器更具体一些，以正确定位您的选项卡。试试这个：

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

顺便说一句，这只是改变了文本的颜色，如果你想在悬停开关来改变标签的背景颜色color属性background-color。

来源

2012-05-18 12:30:38

什么，你会说，如果我告诉你，你的代码不会改变我的应用程序中的颜色？问题在哪里？ – skrypalyk

并感谢您的帮助 – skrypalyk

@DenysMedynskyi您是否将'.custom'类放在导航标签容器中？这里是一个简单的演示，我展示了它是如何工作的：http://jsfiddle.net/ayuRm/ –

安德烈斯是正确的关于特异性。要覆盖样式设置有：

.nav-bar > li > a:hover

如果您使用的是与Twitter的引导，少说也有已经为此做出变量：

@navbarLinkColor 
@navbarLinkColorHover 
@navbarLinkColorActive

请参阅该文档的Navbar部分。

来源

2012-05-18 22:38:01 juddlyon

感谢您的帮助，但以前的帖子并没有帮助我。你能说出原因吗？还有一个问题。我写在我的scss文件中 @navbarLinkColorHover：@grayDarker; 这一行，错误说 “...... LinkColorHover：”后面的CSS无效：预期的伪类或伪元，是“@grayDarker;” 我的错误在哪里？ – skrypalyk

将.nav-bar更改为.nav-tabs作为示例，它应该可以工作。 – adam0101

集@navbarLinkBackgroundHover

来源

2012-12-02 00:09:49 99miles

这工作对我没有太多的 “特殊性” 不是默认的引导其他...

ul.nav > li > a:hover { 
 
\t background-color: #000000; 
 
\t color: #FFFFFF; 
 
\t border-style: none; 
 
}

来源

2015-08-07 15:32:31

更改悬停颜色

回答

相关问题