html - 组合多个伪选择器

标签 html css

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

a:visited:hover {颜色:红色}

Google 的快速搜索揭示了这方面的多个例子,here , here , 和 here .我无法在最新版本的 Safari、Firefox 或 Chrome 中使用此功能。任何人都可以解释为什么此功能会倒退和/或受到阻碍吗?

最佳答案

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

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

您仍然可以链接伪选择器。例如,a:focus:hover 仅在元素获得焦点并悬停时才可以很好地应用样式。参见 this link进行演示。

关于html - 组合多个伪选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8025297/

相关文章:

html - 无法使div在html中 float

javascript - 如何从 div 中获取格式正确的文本值

javascript - (jQuery) 将 div 样式 "display:none"切换为 "display:inline"

html - flex 元素内的 CSS 省略号

html - 如何使用 CSS 创建一个可缩放到父 div 高度的三 Angular 形?

Javascript 在 onReady 之后加载外部框架

html - Office 365 电子邮件 Web 应用程序 - 文本修饰支持

jquery - 多次刷新CSS动画

javascript - 根据两个选择选项显示 mysql 的结果数

html - 谁能告诉我为什么这没有响应?