组合多个伪选择器

Question

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

a:visited:hover {color: red}

快速的 Google 搜索显示了多个实际应用示例，here、here 和 here。我无法在最新版本的 Safari、Firefox 或 Chrome 中使用此功能。谁能解释一下为什么这个功能已经退化和/或被削弱了？

Answer 1

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

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

您仍然可以链接伪选择器。例如，a:focus:hover 只有在元素被聚焦和悬停时才能很好地应用样式。请参阅this link 进行演示。