2016-03-08 71 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下面,這就是爲什麼它不工作..