変更された後、訪問済みおよび未訪問のリンクの色をブラウザのデフォルトにリセットする方法はありますか?
私の特定の状況では、以下を含むメインのスタイル ファイルがあります。
a:link { color: black; }
a:visited { color: black; }
そして、いくつかの特定のリンクをデフォルトの色でレンダリングしたいと思います。
編集:ここで遊ぶjsFiddleです。default
ブラウザのデフォルトと一致するクラスのスタイルが欲しいです。
編集:
別の方法は、最初から問題を回避することです。デフォルトのスタイルにしたい特別なリンクに特別なクラスを与えます (.default と呼びましょう)。代わりに:
a:link { color: black; }
a:visited { color: black; }
not 疑似クラスを使用して、次のように記述します。
a:not(.default):link { color: black; }
a:not(.default):visited { color: black; }
この擬似クラスは IE 8 以前では機能しないことに注意してください。それらには、特別な CSS を使用できます (私は好きではありませんが、動作します)。
enter code here
a.class{ color:inherit; }
色が親要素から継承される必要があることを指定します。
あなたの体が色:青だった場合。次に a.class{color:inherit} が続く場合、これらの例は青になります。同時に、a.class:link{color:blue} を使用することもできます。もう 1 つは、リンクにアクセスしたときです。
特別な関心のあるリンクのクラスをカスタマイズするだけで、残りはデフォルトのままにしておくのがベストです。
URLをいじることしかできません。ブラウザは、アクセスした URL を記録します。ページをレンダリングしていて、特定の URL がそのリストに表示されている場合、その URL は「訪問済み」として色付けされます。
実際にアクセスしたことがない限り、ブラウザーに URL をアクセス済みとして扱うように強制することはできません。ただし、URL に別のものを追加することで、訪問した URL を「新しい」ものとして表示することができます。これにより、ブラウザには新しく表示されます。例えば
example.com/foo.php
example.com/foo.php?random=value
どちらも同じスクリプトを指していますが、ブラウザは両方を「異なる」ものとして扱います。そのランダムな値が毎回変わる場合、ブラウザはそのたびにそれが真新しい URL であると効果的に判断し、「新しい」として色付けします。
いいえ、CSS プロパティが変更されている場合 (つまり、プロパティに値を割り当てるスタイル シートが適用されている場合)、ブラウザの既定値に CSS プロパティを設定することはできません。これは、CSS の基本原則に従います。
したがって、別の質問をすることを検討してください。たとえば、すべてのリンクがリンクのように見えないようにする代わりに、CSS ルールの効果を特定の要素に制限する方法があります。
これを使用できます。
a {
color: inherit;
}
これは継承され、他のリンクの色がないため、ブラウザーはリンクに独自のスタイルを与えます!