ホームページ  >  記事  >  ウェブフロントエンド  >  ヘルプ: CSS ハイパーリンク。それを選択して他の場所をクリックすると、選択した選択スタイルが消えます。 _html/css_WEB-ITnose

ヘルプ: CSS ハイパーリンク。それを選択して他の場所をクリックすると、選択した選択スタイルが消えます。 _html/css_WEB-ITnose

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


CSS 設定:

#page a:hover {text-decoration:none; color:red;}
#page a:active {text-decoration:underline; color:red;}

選択後、[その他] をクリックします空白スペースを選択すると、a:active スタイル セットが消えます。このスタイルは、同じレベルの他のリンクがクリックされるまで保持される必要があります...


ディスカッション(解決策)への返信

疑似クラス、互換性はあまり良くありません。クリック後、jsを使用してクラスを追加できます。

a:link {color: #FF0000}     /* 未访问的链接 */a:visited {color: #00FF00}  /* 已访问的链接 */a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */a:active {color: #0000FF}   /* 被选择的链接 */


これは有効化されている場合にのみ対象となります

CSS code?1234a:link {color: #FF0000} /* 未訪問のリンク */a:visited {color: #00FF00} / * 訪問済みのリンク */a: hover {color: #FF00FF} /* マウスがリンク上にあるとき */a:active {color: #0000FF} /* 選択されたリンク */

これはエキサイティングなことでしかありません...

リンクをクリックするとアクティブ化されたものとしてカウントされますか?

これは、マウスが放される前の、クリックした瞬間である必要があります。 。運用中です。 。 。 。

これは、マウスが放される前の、クリックした瞬間である必要があります。 。運用中です。 。 。 。

では、どう変更するか聞いてもいいですか?

a:visited に変更しても望む効果は得られませんか?
または、さらに多くの効果が必要な場合は、それらを組み合わせて使用​​できます
たとえば、訪問したリンクとマウスがホバーしているときの状況を表す a:visited:hover 。
自分の状況に応じて、独自の組み合わせを試してください。

ただし、何度も操作する場合は、キャッシュをクリアすることをお勧めします。ブラウザは以前にアクセスした Web サイトを記憶しており、更新後もその Web サイトにアクセスしたことが表示されるからです。

a:visited に変更しても望む効果は得られませんか?
または、さらに多くの効果が必要な場合は、それらを組み合わせて使用​​できます
たとえば、訪問したリンクとマウスがホバーしているときの状況を表す a:visited:hover 。
ご自身の状況に応じて、独自の組み合わせを試してください。

+1

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