ホームページ >ウェブフロントエンド >htmlチュートリアル >link_html/css_WEB-ITnose をクリックした後のリンク テキストの色を復元します。

link_html/css_WEB-ITnose をクリックした後のリンク テキストの色を復元します。

WBOY
WBOYオリジナル
2016-06-24 12:14:332245ブラウズ

ページにアクセスすると、リンクの最初の色は「黒」ですが、リンク上にマウスを置くと色が変わり、リンクをクリックすると色が黒に戻ります。 ? ?

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>
  • クレーム センター
  • a href="/PolicySearch.action?selectedModuleId=policySearch" id="1945">カスタマー サービス
  • 私の自動車保険


  • ディスカッションに返信 (解決策)

    a:link {color: #666666;text-decoration: none;}

    a:hover {text-decoration: Underline;color: #000000;}
    この 2 つの疑似クラスを定義することで目的を達成できます。



    次の 2 つは無視できます
    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 ;}


    以下の 2 つのスタイルを削除しない場合、他の方法はありますか? (これらの CSS スタイルは別の共通 CSS ファイルに配置され、簡単に変更できません)

    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666 ;}


    削除しない場合、キャッシュをクリアするまで、訪問したリンクは灰色のままになります。


    ページ上の特定の要素に個別にスタイルを追加して、CSS ファイルのスタイルをオーバーライドすることはできませんか? ? ?

    以下の 2 つのスタイルを削除しない場合、他の方法はありますか? (これらの CSS スタイルは別の公開 CSS ファイルに配置され、簡単に変更できません)

    a:visited {text-decoration: none;color: #666666;}
    a:active {text-decoration: none;color: #666666 ;}
    このファイルを移動できない場合は、別のファイルを作成し、このファイルよりもターゲット接続に近いクラスまたは疑似クラスを定義して、このファイルのスタイルをオーバーライドすることしかできません。たとえば、a タグに id=a1 を追加し、新しい CSS ファイルで a#a1{..} を定義すると、効果が得られます。
    注意 lz: それがチームプロジェクトであり、あなたがデザイナーではない場合は、他の人が設定したものに従い、不必要な贅沢を追加しないことをお勧めします。

    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。