组合多个伪选择器

Question

似乎在一个时间点组合多个伪选择器是可能的.例如,人们可以这样做:

a:visited:hover {color: red}

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

Answer 1

该:visited伪类不能在许多现代浏览器可用于大多数的造型了,因为它是一个安全漏洞.请参阅此链接以获得更正式的讨论.

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

你仍然可以链接伪选择者.例如,a:focus:hover只有在元素被聚焦和悬停时才能正常应用样式.请参阅此链接以进行演示.