css - ページ上の1つまたは2つのリンクの「訪問済み」の色を変更できますか？

Question

ページ上の2つのリンクの訪問色を変更したいのですが。私がそれをする方法はありますか？

Answer 1

たとえば、訪問した色を変えたいリンクだけにクラスを配置します。

<a class="different">Different</a>

次に、CSSで、アクセスしたリンクのクラスを任意の方法でスタイル設定します。次に例を示します。

.different:visited {color:chartreuse;}

これは、：visited疑似クラスを使用して、訪問したリンクのみをスタイル設定します。

Answer 2

はい、これを行う方法があります。これらの2つのリンクに特別なCSSクラスを与えてから、:visited通常どおりセレクターを使用します。この例では、これをと呼びます.special。

<a href="...">Link one</a>
<a href="..." class="special">Link two</a>

次に、スタイルシートで：

a:visited {
    color: purple;
}

a.special:visited {
    color: pink;
}

「リンクワン」は、訪問すると紫色で表示されます。リンク2にアクセスすると、ピンク色で表示されます。

Answer 3

@Adamが提案したように、アンカータグにクラスを追加したくない、または追加できない場合：

a[href='https://www.google.com/']:visited { color:#FF0000; }
a[href='https://www.facebook.com/']:visited { color:#0000FF; }