2017-02-13 434 views
-1

我想在下面的腳本中將超鏈接的默認藍色更改爲綠色,但我不斷收到粉紅色鏈接。如何在html中更改鏈接的默認顏色? (a:鏈接)

你能讓我知道如何在鏈接沒有被點擊時將它變成綠色?提前致謝。


我所尋找的是這樣的:

  • a)擁有,當它沒有被點擊尚未
  • B A綠色鏈接)有一個紅色的鏈接,當鼠標懸停在鏈接
  • C)有一個黃色鏈接,當鼠標點擊該鏈接
  • d)當有後的鏈接被點擊一個粉紅色的鏈接

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
<style> 
 

 
a:link { 
 
    color: green; 
 
    background-color: transparent; 
 
    text-decoration: none; 
 
} 
 
a:visited { 
 
    color: pink; 
 
    background-color: transparent; 
 
    text-decoration: none; 
 
} 
 
a:hover { 
 
    color: red; 
 
    background-color: transparent; 
 
    text-decoration: underline; 
 
} 
 
a:active { 
 
    color: yellow; 
 
    background-color: transparent; 
 
    text-decoration: underline; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<p>You can change the default colors of links</p> 
 

 
<a href="http://www.w3schools.com/html/html_images.asp" 
 

 
target="_blank">HTML Images</a> 
 

 
</body> 
 
</html>

+0

如果您是從網上覆制的學校代碼,只需使用他們提供的演示:http://www.w3schools.com/css/css_link.asp – wlh

+0

的問題是演示本身帶有錯誤♣♦ – T100

+0

我認爲你的代碼可能很好。它爲我工作。但是你需要明白,當你點擊鏈接時鏈接不會變成粉紅色,如果有人已經訪問了頁面,那麼它會變成粉紅色。所以如果你去過這個頁面,它會變成粉紅色的。 – StephenCollins

回答

0

問題是

a:visited { 
    color: pink; 
    background-color: transparent; 
    text-decoration: none; 
} 

訪問過的鏈接會被塗上粉紅色,所以如果你想參觀和正常鏈接是綠色的,然後使用

a:link { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 
a:visited { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 
+0

我想要正常的鏈接是綠色的,訪問過的鏈接是粉紅色的。 ☺ – T100

0

問題出在「:link 「只是刪除它。

+0

我刪除它,仍然得到粉紅色的鏈接 – T100