2016-03-08 60 views
0

我有以下的HTML代码:与CSS的位置链接?

<div class="impressum"> 
    <a class="impressumstyle" href="https://www.google.de/?gws_rd=ssl">Impressum</a>  
</div> 

在我的CSS文件:

.impressum { 
position: relative; 
left: 20px; 
top: 275px; 
background: transparent; 
text-align: left;} 

.impressumstyle { 
font-family: Verdana; 
font-style: normal; 
font-weight: bold; 
font-size: 16px; 
color: #fff; 
text-decoration: none;} 

.impressumstyle:hover { 
color: #8d8d8d;} 

我的问题是,该链接,当我在.impressum使用最高值,不工作了。它不会再改变它的颜色了。问题在哪里? 谢谢。

+0

它似乎正常工作:https://jsfiddle.net/b9ku0xj0/ – Roy

+0

我会再次。 –

回答

0

尝试直接通过整个结构瞄准你的灵

.impressum .impressumstyle:hover { 
color: #8d8d8d;} 

.impressum a:hover { 
color: #8d8d8d;} 

,或者,如果你想使用过.impressum悬停触发,使用

.impressum:hover *{ 
color: #8d8d8d;} 

或者这也应该工作:

.impressum:hover a{ 
color: #8d8d8d;} 

但是要注意,在某些情况下,在父元素上使用悬停效应,如果您只想更改其子元素,可能无效,这取决于父元素的大小。特别是对于绝对定位的组合,您可以将链接悬停,但实际上并没有在同一时间悬停其父元素。

0

我的坏人,我把这个div到另一个主要的div。顶级的价值定位在这个主div下面,这就是为什么它不工作..