2011-10-16 60 views
0

我有从“li”和“a”里面构建的菜单栏。 在CSS中,当我将鼠标移动到“li”标签上时,我试图进行一些颜色更改。 如果我想一些不同的背景,它会改变它。但我也想同时更改标签的文字颜色。 我写的颜色:东西....但由于“一”标签不是在“李”标签的边界,但有点内,你需要在按钮内移动一点点鼠标,以改变“一”标签。在“li”悬停事件中的“li”标签中的“a”标签的颜色改变在css中

所以当“li”悬停事件被触发时,我怎样才能改变“a”颜色呢?只使用CSS而没有别的。

回答

4

简单:

li:hover a { 
    color: black; 
} 

Of course that does not work in IE6。你可能注意到

+0

当然不是。 :p – bricker

+0

但是我们不应该再考虑IE6了,无论如何.. – Kyle

+0

我厌倦了这种旧的浏览器支持。我会写一些JavaScript可能并强制用户升级他们的浏览器。这就是它。哦,谢谢你的帮助Felix – David

2

一件事是,即使文本颜色会改变侧翻,如果一个元素比元素小,则链接不会按钮/菜单的边缘工作。要补偿添加填充和显示:a标记上的块。

+0

谢谢AJ,已经完成:) – David