ホームページ >ウェブフロントエンド >htmlチュートリアル >link_html/css_WEB-ITnose をクリックした後のリンク テキストの色を復元します。
ページにアクセスすると、リンクの最初の色は「黒」ですが、リンク上にマウスを置くと色が変わり、リンクをクリックすると色が黒に戻ります。 ? ?
CSS スタイル:
a:link {color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: 下線; color: #000000;}
a:active {text-decoration: none;color: #666666;}
ページ内のリンク:
a:hover {text-decoration: Underline;color: #000000;}
この 2 つの疑似クラスを定義することで目的を達成できます。
次の 2 つは無視できます
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666;}
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666 ;}
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666 ;}
以下の 2 つのスタイルを削除しない場合、他の方法はありますか? (これらの CSS スタイルは別の公開 CSS ファイルに配置され、簡単に変更できません)
a:visited {text-decoration: none;color: #666666;}
a:active {text-decoration: none;color: #666666 ;}
このファイルを移動できない場合は、別のファイルを作成し、このファイルよりもターゲット接続に近いクラスまたは疑似クラスを定義して、このファイルのスタイルをオーバーライドすることしかできません。たとえば、a タグに id=a1 を追加し、新しい CSS ファイルで a#a1{..} を定義すると、効果が得られます。
注意 lz: それがチームプロジェクトであり、あなたがデザイナーではない場合は、他の人が設定したものに従い、不必要な贅沢を追加しないことをお勧めします。