我有一个普通链接:
<a href="/article-1"><span class="visited-circle"></span>article 1</a>
当有人访问本文时,我更改了CSS中的颜色:
a:visited .visited-circle {
background-color: green;
}
但我认为这并不完美。我希望访问者可以将这篇文章标记为已读。有人知道我该如何实现这一点吗?
最合适的回答,由SO网友:Mark Kaplun 整理而成
对于真正完整的解决方案,您需要让所有用户都有一个帐户(或在标记为已读时创建一个帐户),并在DB中将用户与他阅读的帖子关联,然后适当地设置每个链接的样式。要实现这一点,您可以在插件中寻找灵感,添加评论或其他类似/排名功能。这种方法的问题是,用户需要有其他一些动机才能登录,否则他们可能不会使用该功能。
不太可靠的选项(但更容易实现)是存储在长期cookie中读取的帖子列表,并根据cookie中的值设置链接样式。这种方法的问题是,cookie是特定设备的本地cookie,用户最终可能会在他使用的所有设备之间留下零碎的“阅读列表”