努力落實HREF CSS中div標籤

Question

我有這樣的代碼：

<div id="NAHC-topText"> 
<h2><a href="index.html">Link To Somewhere</a></h2> 
</div> 

我想有CSS刪除下劃線並改變懸停顏色上鍊接的用戶滾動。該鏈接加載簡單的HTML。 我沒有看到能夠成功地在div標籤中實現此功能。

任何線索？

謝謝

Answer 1

所以只需在CSS中設置適當的值。

a { 
    text-decoration: none; 
} 

a:hover { 
    color: red; 
} 

根據您的實際需要，你可能想選擇更改爲#NAHC-topText a而不是僅僅a。

Answer 2

在adittion到Sirko的答案，如果你想隻影響

<a> 

內此致

<div id="NAHC-topText"> <h2> 

您的樣式應該是這樣的，以排除任何其他錨和頭部。

#NAHC-topText h2 a {text-decoration:none;} 
#NAHC-topText h2 a:hover {color:red;} 

但是Sirko的答案當然沒有錯，只是它會影響特定文檔中的所有錨點。

另外如果你想下劃線只顯示在懸停，您只需定義

a {text-decoration:none;} 
a:hover {text-decoration:underline;color:red;} 

與您所選擇

的特定選擇，現在我又紅你的問題，這適用於反之亦然相反的情況 當你想要它第一個下劃線時，並沒有下劃線懸停，你只需交換條件爲每種情況。

Answer 3

<style> 
    #NAHC-topText a{text-decoration:none;} 
    #NAHC-topText a:hover{color:red;} 
</style> 

Answer 4

#NAHC-topText a:hover{ 
    color: red; 
    text-decoration:none; 
}