CSS :visited选择器，匹配访问过的链接

:visited选择器

CSS伪类选择器:visited，一般可以用于匹配获取点击访问过的链接<a>标签。

:visited选择器语法

A:visited{样式设置}

提示：A为选择器，匹配的HTML元素一般为链接标签，可以是元素、类、id。

:visited选择器实例代码，及在线编辑器

<a href='#x' class='e1' target='_blank'>这是链接1</a><br><br>
<a href='#y' class='e1' target='_blank'>这是链接2</a>
<style>
  .e1:visited{color:orange;}
</style>

实例代码解析

1、如果通过:visited选择器选择的链接再还未点击之前就已经变成了访问过的颜色，可能跟浏览器的缓存有关，及浏览器之前缓存了之前访问过的url，此时只要修改a标签内的href属性就可以看到效果了，或清除一下缓存；2、之所以通过.e1类选择器来匹配链接标签，是为了避免当前网页中的其它链接元素也被匹配选择，从而影响当前网页的CSS样式。

hot：热门