2017-02-23 5 views
0

すでにリンクをフックでマークしたいと思います。未読リンクはフックを表示すべきではありません。 ruleは訪問済みのリンクであり、色のみが異なる場合があります。フックでリンクを読み取るようにマークする

未読リンクのフックを透明にしても問題ありませんか?
もっと良い解決策がありますか?

a.readed {color: rgba(0, 255, 0, 1)} 
a.readed:visited {color: rgba(0, 255, 0, 0)} 

<a href=""> goto</a><a href="" class="readed"> ✓</a> 
+0

':: after {content: '✓'}'を使ってみましたか? –

+0

フックは、リンクが読み取られた(訪問された)場合にのみ表示する必要があります。申し訳ありませんが私の質問を編集します。 – Lovntola

+0

あなたはこれを見てください:https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ – Eria

答えて

1

の代わりに追加のリンクを追加して、ちょうど私が何を参照するリンクの色を変更するような何かをするだろう:after/:before

a:after { 
 
    content: '✓'; 
 
    display: inline; 
 
}
<a>Some link</a>

+0

フックは、リンクが読み込まれている場合にのみ表示されるべきです。リンクそのものはいつでも見えるはずです。 – Lovntola

+0

a.visted:{ の後に: '✓'; display:インライン; } とうまく見えます。私は試してみる。 – Lovntola

+0

ああそれは必要があります:訪問:後にしかし、間違って私は一緒に両方の作品を書くことができますか? – Lovntola

1

のCSS contentとしてそれを置きます既にクリックされています。

a { 
 
    color: blue; 
 
} 
 

 
a[tabindex]:focus:after { 
 
color: red; 
 
outline: none; 
 
content: 'insert hook here'; 
 
display: inline; 
 

 
}
<a href="#" tabindex="1">Test</a>

しかし、あなたの方法は、それが動作するかどうか本当に私は推測する問題ではないのも良いです。

編集:

didntあなたの質問に答えてください。 なので、これは私がフックを表示するのにもっとも近いものですいくつか試しました この問題を解決するには、

+0

あなたは100%解決策ではありません。しかし、それは「持っているだけでいい」、マーク付きのフックを表示するためにプロセスをインポートすることはできません。クッキーのような解決策は大いにあります。 Thx – Lovntola

+0

どうしたらいいか分かりましたら問題はありません。それは複数の方法で行うことができます。 –

関連する問題