CSS :visited伪类选择器隐秘往事回忆录

2020-04-27 07:13:57易采站长站整理

已知CSS如下:


a { color: blue; }
a:visited { color: red; }

并且我们的链接表现为红色,此时我们运行下面的JavaScript代码:


window.getComputedStyle(document.links[0]).color;

结果输出的是: "rgb(0, 0, 255)" ,也就是蓝色blue对应的RGB色值。

如下截图示意:

六、回忆完毕

总之, :visited 伪类选择器是一个有很多“怪癖”的选择器,如果按照 :hover 或者 :active 这类选择器的表现理解之,一定会不知所然,因为太多特性不支持,太多表现不合常规理解。

究其原因,我猜100%是出于安全考虑,如果浏览器可以通过JS或者其他行为表现知道你已经访问过哪些链接,我靠,那隐私直接就暴露了呀,肯定是不行的,所以,如果你想借助 :visited 伪类选择器搞些花头,我劝大家还是死了这条心,老老实实搬砖吧。

另外, :visited 的怪异特性应该还有其他一些,欢迎大家进行补充。

总结

以上所述是小编给大家介绍的CSS :visited伪类选择器隐秘往事回忆录,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!