组合多个伪选择器

Question

似乎在一个时间点组合多个伪选择器是可能的。例如，可以这样做：

a:visited:hover {color: red}

快速Google搜索会在行动中显示多个此示例，here，here和here。我无法在最新版本的Safari，Firefox或Chrome中使用此功能。任何人都可以解释为什么这个功能已经退化和/或被残疾？

Answer 1

:visited伪类不再用于许多现代浏览器中的大多数样式，因为它是一个安全漏洞。请参阅this link以获得更正式的讨论。

简短版本是，如果您可以不同地设置:visited个链接，您可以使用它来确定人们是否访问过各种网站，并根据其浏览器历史记录定位它们。因此，大多数现代浏览器严重限制了可以在其上完成的样式。

你仍然可以链接伪选择者。例如，a:focus:hover仅在元素聚焦和悬停时才适用于样式。有关演示，请参阅this link。