2


0

htmlの2つのセクションに異なる訪問済みリンクの色を設定する方法は?

単一のHTMLページ内で異なるvlinkカラーを使用するにはどうすればよいですか? 私はvlinkを入れていますが、それはページ全体のすべてのvlinkを制御します。 一方、特定のセクションで異なるvlinkカラーを使用したいと思います。 CSSのファイルで既にスタイルクラスを使用しているタグにvlink属性をスタイルとして配置しようとしました。 私は試した:


しかし、それは箱のスタイルを台無しにし、vlinkの白い色も出てきません。 私は何をしましたか? 前もって感謝します。

3 Answer


2


すべてのリンクに対して以下のようなスタイルシートを1つ作成し、リンクに異なる色が必要なリンクにはclass1を作成します

A:visited - will do the work for you



A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}

.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: red;}

例を確認してください:http://www.echoecho.com/csslinks.htm#


1


私がお勧めするのは、訪問したリンクを異なるように表示する_taining_要素にクラスを追加して、その中のすべてのリンクにクラスを追加する必要がないようにすることです…​ 例えば:

a { text-decoration: none }
a:visited { color: blue }
a:hover { text-decoration: underline; color: green }
.altLinks a:visited { color: red }

その後:

    This link will be red once it's been visited.

This link will be blue once it's been visited.
Both links will be green on hover.


0


さまざまなリンクの `a:visited`にさまざまなクラスを使用して、目的の結果を得ることができます。