複数のブラウザで異なるCSSプレビュー

これは私がWeb開発を学ぼうとしている間に起こっていることです。 IEの古いバージョンで自分のウェブサイトをプレビューしても、FirefoxやChromeで開くと期待した結果しか得られません。複数のブラウザで異なるCSSプレビュー

ここはコードですが、非常に単純です。訪問時にリンクの色を変更することになっていますが、それは常にテキストにvisitedのプロパティを適用していることです。

私がしようとしているのは、単にlinkとvisitedの状態で、リンクの色を変更するだけです。あなたは、あなたが同じ（ローカル）を使用しているこれらのすべてのリンクとして '＃' を使用している場合

.main { 
    text-decoration: none; 
    list-style:none; 
    margin-left: 60px; 
} 
.main li { 
    display: inline-block; 
    margin: 20px; 
} 
.main li a:link { 
    color:pink; 
    text-decoration: none; 
} 
a:visited { 
    color: green; 
} 
a:hover { 
    border-top: 4px solid red; 
}

出典

2017-09-09 neal248

これらはすべて同じURLなので、クリックするとすべてが「訪問済み」になります。 –

：

はHTML：ここ

<!DOCTYPE HTML> 
<html>  
    <head> 
     <link rel="stylesheet" href="CSSworking.css"> 
     <title>Html Working</title> 
    </head> 

    <body> 

     <ul class="main"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Our Kitchen</a></li> 
      <li><a href="#">Menu</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Contact</a></li> 
      <li><a href="#">Go Down</a></li> 
     </ul> 

    </body> 

</html>

はCSSですそれらのすべてのリンクです。そのローカルアンカーを一度訪れた場合は、一度訪れたままになります。 '、' http://yahoo.com 'などの外部リンクに変更しても問題が解決しない場合はどうしたらいいですか？

出典

2017-09-09 18:57:24 kball

複数のブラウザで異なるCSSプレビュー

答えて

関連する問題