2017-02-23 2 views
0

Ich möchte die bereits gelesenen Links mit einem Haken markieren. Ungelesene Links sollten den Hook nicht anzeigen. Die rule ist der besuchte Link und kann sich nur in der Farbe unterscheiden.Markiere Links als gelesen mit einem Haken

Wäre es in Ordnung, den Haken des ungelesenen Links transparent zu machen?
Oder gibt es eine bessere Lösung?

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

Haben Sie versucht, ':: after {content: '✓'}' '? –

+0

Der Hook sollte nur angezeigt werden, wenn der Link gelesen (besucht) wird. Sorry, ich bearbeite meine Frage. – Lovntola

+0

Sie sollten sich dies ansehen: https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistied/ – Eria

Antwort

1

Statt zusätzliche Verbindung hinzuzufügen, setzen Sie es wie CSS content von :after/:before

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

+0

Der Haken sollte nur angezeigt werden, wenn der Link gelesen wird. Der Link selbst sollte immer sichtbar sein. – Lovntola

+0

a.visted: nach { Inhalt: '✓'; Anzeige: Inline; } coud arbeiten und sieht schlauer aus. Ich werde es versuchen. – Lovntola

+0

oh muss es a: besucht: nach ist aber falsch wie kann ich schreiben das beides zusammen klappt? – Lovntola

1

Ich würde die Farbe des Link so etwas wie Änderung tun, was zu sehen schon wurde geklickt.

a { 
 
    color: blue; 
 
} 
 

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

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

Aber Ihre Art und Weise ist auch so gut, wenn es es nicht wirklich wichtig, funktioniert, denke ich.

EDIT:

beantwortete Ihre Frage nicht. Also habe ich einige Dinge ausprobiert, das ist das nächste, das ich zum Anzeigen des Hakens bekommen habe, nur Problem ist, nachdem Sie Bereich klicken, es versteckt sich wieder so fiedle arround mit diesem.

+0

Sie haben Recht, es ist keine 100% Lösung. Aber es ist nur ein "nice to have" und kein Import für einen Prozess, um den markierten Haken anzuzeigen. Wie eine Cookie-Lösung sind zu viel. Thx – Lovntola

+0

Kein Problem tun Sie einfach, wie Sie fühlen, wie es getan werden muss. Es kann auf verschiedene Arten erfolgen. –

Verwandte Themen