ホームページ >ウェブフロントエンド >htmlチュートリアル >a:visited が Firefox と Google で機能しないのはなぜですか? _html/css_WEB-ITnose
<!DOCTYPE html><html> <head> <meta charset="" /> <style type="text/css"> div{ width: 120px; font-size: 12px; font-family: "宋体"; } ul{ margin: 0px; padding: 0px; list-style-type: none; } li{ border-bottom: #ed9f9f solid 1px; } li a{ display: block; padding: 5px 5px 5px 8px; text-decoration: none; border-left: 12px solid #711515; border-right: 1px solid #711515; } li a:link{ background-color: #c11136; color: #FFFFFF; } li a:visited{ background-color: #C11136; color: #555555; } li a:hover{ background-color: #C11136; color: #0099FF; } </style> </head> <body> <div> <ul> <li><a href="#">首页</a></li> <li><a href="#">音乐MP3</a></li> <li><a href="#">我的博客</a></li> <li><a href="#">个人空间</a></li> </ul> </div> </body></html>
IE11 ではハイパーリンクをクリックすると色が変わりますが、Firefox と Google では色が変わりません。
Firefox12 のテストでは問題ありません。背面の灰色の #555555 をクリックします。デフォルトは白です。
Linux Chrome 33 のテストでは問題ありません。
クリックすると、文字の色は #555555 になりますが、4 つのリンクが表示されます。アドレスは同じです。そのうちの 1 つをクリックすると、他のアドレスも変色します
Linux chrome 33 テストでは問題ありません 問題
クリック後のテキストの色は #555555 ですが、4 つのリンク アドレスはそれらの 1 つをクリックすると、他の色も変更されます。 Chrome と Firefox でいずれかをクリックすると、すべてが変わります
デフォルトは白ですか? 、試してみます
色を変更しましたが同じです、何が起こったのでしょうか?