在链接更改文本的颜色上悬停

的想法是有它的链接项目列表，然后当在列表项用户滚动它以不同的颜色点亮，并且内部文本的颜色变为白色。

你可以看到它是如何在上面的jsfiddle中看到的，我的问题是整个项目的背景确实变成了橙色，但是文字没有。如果您直接在上面滚动，文字只会改变，这是不够的。我还想让整个列表成为一个链接，而不仅仅是其中的文本。

我试图把名单内一个div，跨度，没有动人的那类，你看，周围用下面的CSS：

.side_menu_link:hover { 
    background: #ff7200; 
    color: #fff !important; 
}

但没有任何工程。到目前为止，成功的唯一方法是将'a'标签移动到'li'标签之外，但就我而言，这不是正确的语法方式。那么有什么建议？

2014-04-10 mmvsbg

给你

您需要更换这个

a:hover { 
    text-decoration: none; 
    color: #fff; 
}

与此

#left_menu ul li:hover a { 
    text-decoration: none; 
    color: #fff; 
}

2014-04-10 21:33:36 iamnotsam

谢谢！任何提示如何使整个'李'标签链接？ – mmvsbg

只需在'li'标签之前放置超链接，就像这样：http://jsfiddle.net/5hX6S/5/ 请注意，我将上面的CSS更改为'#left_menu ul a li：hover'，以便它可以仍然颜色正确，现在'a'是'li'的父亲，而不是相反。如果这对你有帮助，不要忘记标记为答案。 –

你想

.side_menu_link:hover a { ... } 
        ^^^--- note this

代替，从而使新的背景颜色适用ONLY到<a>标签，而不是整个<div class="side_menu_link">。

2014-04-10 21:22:58

您是否试图在链接上使用悬停效果？或者列表本身？如果您希望链接改变颜色，在悬停那么在你的CSS有

.side_menu_link a:hover { 
    color: color; 
    }

等

2014-04-10 21:25:22 Luminusss

a:hover{color:red;background:green}

<a href="#">Home</a>

2015-12-22 14:38:46

回答