ホームページ > 記事 > ウェブフロントエンド > HTMLのaタグ疑似クラスでの無効な訪問の解決策
HTMLのaタグ疑似クラスでの無効な訪問の解決策
- 黄舟オリジナル
- 2017-07-27 13:27:513253ブラウズ
HTMLのaタグ疑似クラスで無効なアクセスがあった場合の解決策
<html>
<head>
<title>伪类超链接</title>
<!--<link href="./test.css" type="text/css" rel="stylesheet"></link>-->
<style type="text/css">
a:link {
color:red;
font-size:20px;
}
a:visited {
color:black;
font-size:22px;
}
a:hover {
color:yellow;
font-size:22px;
}
a:active {
color:green;
font-size:24px;
}
table{
width:200px;
height:200px;
background-color:pink;
}
body{
margin-left:0;
margin-top:0;
}
</style>
</head>
<body>
<a href="./test.html" target="_blank">这是一个伪类的超链接</a>
</body>
</html>最近。上記の簡単なテストでは、最初に test.html を作成し、次に test2 に上記のコードを記述します。 a:visited
が機能しないように見えるため、オンラインで関連情報を探しました。 ,
4疑似クラスは上記のコードの順序で並べ替える必要がありますが、問題ありません。
他に方法がないので、Baiduを試すしかありませんでした<span style="white-space:pre">
</span>
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<pre name="code" class="html">
<span style="white-space:pre">
</span>
<a href="./test.html" target="_blank">这是一个伪类的超链接</a>
</body>
問題が出てきました。クリックしなかったBaiduは、出てくるとすぐに真っ黒になってしまいました。
それで、私は大胆な推測をしています、歴史的記録。
はい、ブラウザの履歴をクリアしてページを更新すると、Baidu のハイパーリンクが直接赤くなりました。
クリックするとプログラムに従って黒くなりました。ページをもう一度更新しますが、黒いままです。
履歴記録を見てみると、test.htmlに関する履歴記録はありません。 （Chromeなどローカルファイルの実行履歴が残るブラウザの使用を推奨します。今後他の汚いブラウザは使いません。） なので、どのようにクリックしても元の赤色が表示されます。
通常、これを実践する場合、ブラウザには履歴記録が残らないため、クリックした後、ブラウザはクリックしたことを認識せず、a:visited 疑似クラスは適用されません。 a:visited は役に立たないと考えてみましょう。
以上がHTMLのaタグ疑似クラスでの無効な訪問の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLページの最適化例を詳しく解説次の記事：HTMLページの最適化例を詳しく解説