訪問した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 サイトの他の関連記事を参照してください。