如何使用：访问过Pseudo-class

Question

我找到了一种合法使用CSS的方法：访问过的选择器：用它来移动社交媒体网站共享网址一个人还没到单独的“更多...”页面来增加用户的便利性。唯一的问题是它的沙盒看起来有点太多了，即使这是可能的。

那么，如果一个人访问过的链接在一个区域中消失，同时使那些消失的链接出现在另一个区域中呢？

以伪方式说明我想要做的事情：

<!-- Display these outside the more menu if the user has visited their site -->
<a href="facebook URL" class="visitedSocialMediaSite" />
<a href="twitter URL" class="visitedSocialMediaSite" />
<a href="snapchat URL" class="visitedSocialMediaSite" />
<a href="(...) URL" class="visitedSocialMediaSite" />
<menu class="moreButton">
    <!-- If the user hasn't visited their site, then display them in here -->
    <a href="facebook URL" class="notVisitedSocialMediaSite" />
    <a href="twitter URL" class="notVisitedSocialMediaSite" />
    <a href="snapchat URL" class="notVisitedSocialMediaSite" />
    <a href="(...) URL" class="notVisitedSocialMediaSite" />
</menu>

我意识到你可以无休止地推断这个问题。例如，如果用户有新计算机，这是他们去的第一个站点怎么办？但是，我对什么是if-ifs不感兴趣，而是我有兴趣让99％以上的用户更容易访问该网站。

修改

我的目标是现代浏览器。现代浏览器不包括IE＆lt; 8这是：访问过的persuado类中的安全马裤所需要的。