将链接标记为已读钩子

我想标记已经用钩子读取的链接。未读链接不应显示挂钩。 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>

来源

2017-02-23 Lovntola

您是否尝试过使用':: after {content：'✓'}'？ –

如果链接被访问（访问），该钩子应该只显示。对不起，我编辑我的问题。 – Lovntola

你应该看看这个：https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ – Eria

而不是添加额外的链接，只是把它作为:after/:before

a:after { 
 
    content: '✓'; 
 
    display: inline; 
 
}

<a>Some link</a>

来源

2017-02-23 08:19:08 Justinas

钩子只应该在链接被获得时才会显示。链接本身应该是可见的。 – Lovntola

a.visted：在{ 内容：'✓'; display：inline; } coud work，看起来更聪明。我会尝试。 – Lovntola

哦，它必须a：visited：后但不是错我怎么能写这两个在一起工作？ – Lovntola

我会做一些事情，比如修改链接的颜色，看看有什么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>

但是你的方式也不错，所以如果它的工作原理它并不真正的问题，我猜。

编辑：

没有回答你的问题。所以我尝试了一些事情，这是最接近我要显示钩唯一的问题是你ü点击范围后，它再次隐藏，所以小提琴围绕着这个。

来源

2017-02-23 08:21:27

你是对的它不是100％的解决方案。但它只是一个“很高兴拥有”，并且不需要进程来显示标记的钩子。就像Cookie解决方案一样。 Thx – Lovntola

没问题，就像你觉得它是如何做的那样。它可以通过多种方式完成。 –

将链接标记为已读钩子

回答

相关问题