如何设置链接菜单的样式，如Facebook上的'Dean + Friends''Just Dean''Just Friends'？

Question

我们的电子商务网络应用程序上的几个页面允许用户过滤他们提交给我们的请求的状态列表。

过滤器通常类似于：

所有待定完成

我们将它们设置为链接。我们想要设置它们的样式，以便当前活动的过滤器以彩色矩形突出显示（带圆角，自然！），文本变为白色。

矩形突出显示将保持不变，直到用户点击其他过滤器之一（待定，已完成），此时突出显示将移动到刚刚单击的链接。

这方面的一个例子显示在Facebook上的几个地方，例如，墙上的帖子被过滤到：

Dean + Friends Just Dean Just Friends

有没有一种直接的方法可以在CSS中执行此操作，可能是通过设置最近“访问过的”链接的样式，但将以前访问过的链接标记为未访问的链接？

谢谢，

Dean Richardson

Answer 1

  

有没有一种直接的方法可以在CSS中执行此操作，可能是通过设置最近“访问过的”链接的样式，但将以前访问过的链接标记为未访问的链接？

使用纯CSS无法产生此效果的动态。 Facebook通过添加一个带有Javascript的CSS类来实现它，当您单击其中一个精选标签按钮时会激活该类。 CSS类包含使其以所需方式显示的样式规则。