2017-02-13 10 views
-1

次のスクリプトでは、ハイパーリンクのデフォルトの青色を緑色に変更したいが、ピンク色のリンクが続く。htmlのリンクのデフォルトの色を変更するにはどうすればよいですか? (a:link)

リンクがクリックされていないときにどのように緑色にすることができますか教えてください。前もって感謝します。私が探しています何


はこれです:

  • それはまだ
  • Bクリックされていない場合a)の緑色のリンクを持っている)マウスがリンクを置いたときに赤いリンクを持っていますマウスがリンク
  • d)のリンクがクリックされたとき、AFTERピンクのリンクを持っているをクリックしたときに
  • c)は、黄色のリンクをお持ちの

<!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:link { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 
a:visited { 
    color: green; 
    background-color: transparent; 
    text-decoration: none; 
} 
を使用するよう

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

訪問したリンクは、ピンク色されますです

+0

私は通常のリンクを緑色にし、訪れたリンクをピンクにしたい。 ☺ – T100

0

問題は ":link "それを削除してください。

+0

私はそれを削除し、まだピンクのリンクを取得 – T100

関連する問題