ホームページ >ウェブフロントエンド >CSSチュートリアル >訪問したCSSが機能しない場合の対処方法
Visited CSS が機能しない解決策: 1. CSS で定義されているハイパーリンクの 4 つの状態の順序を修正します。2. スタイルを「a:visited {color: #FFFF00;text-decoration:none」に変更します。 ;} "それでおしまい。
このチュートリアルの動作環境: Windows7 システム、css3 バージョン、thinkpad t480 コンピューター。
:visited が CSS で機能しないのはなぜですか?
1. 順番は違うかもしれません
ハイパーリンクの4つの状態のcss定義も順番です
a:link {} /* 未访问的链接 */ a:visited {} /* 已访问的链接 */ a:hover {} /* 当有鼠标悬停在链接上 */ a:active {} /* 被选择的链接 */
の設定が少し必要ですこれら 4 つの疑似クラスは、その順序に特に注意して、リンク ~ 訪問先 ~ ホバー ~ アクティブという順序の原則に従うようにします。順番を間違えると予期せぬエラーが発生しますので、初心者の方は一人で練習してみても良いでしょう。
2. href 内のリンクが無効である可能性があります。
無効なリンクは、a の訪問設定を無効にします。これは、クリック後の Web ページ訪問の履歴がないためです。
***コードが次の場合、つまり、href="#" リンクに一貫性がある場合、クリック後にすべての訪問者の色が変わります。
a:visited {color: #FFFF00; text-decoration:none;} <p><a href="#">AA</a></p> <p><a href="#">BB </a></p>
推奨事項: 「css ビデオ チュートリアル》
以上が訪問したCSSが機能しない場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。