目前大多数的网站都很少会出现“一个超链接被点击后改变其颜色”的需求，但也还是有一部分网站有这样的实际需求，也是为了能够让用户更容易区分哪些标题是被点击访问过了，这类需求大多在新闻类网站上很常见，比如新浪网目前还是有这样的效果的。

以前也本人也碰到过这样的需求，也查过资料，说是需要按照顺序来设置a标签几个伪类的顺序，比如：

这可能也是其中的一个原因，但至少我来尝试的时候，这个解决办法貌似没有任何卵用！！！唯一起作用的是:active，这个伪类放在:visited和:hover之前确实不起作用，只有放在了:visited和:hover之后在点击时才有效果，而:visited放在:hover之前或之后都是有效果的，同样，:hover放在:visited之前或之后也都是有效果的。

本人测试的代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>Document</title>

  <style>

    a:link{color:red;}

    a:hover{color:green;}

    a:active{color:yellow;}

    a:visited{color:orange;}

  </style>

</head>

<body>

  <a>测试1</a>

  <a href="javascript:;">测试2</a>

  <a href="https://www.baidu.com">测试2</a>

  <a href="https://www.163.com">测试3</a>

</body>

</html>

但是我写的a标签定义的:visited伪类样式为何没有起作用呢？很奇怪，一时半会儿不知如何是好。正当我一筹莫展时，突然看到a标签没有设置href，因为我是在a标签上加了一个click事件，由这个事件触发了跳转，是一个特殊的需求，于是我就抱着试试的态度在a标签上加了一个href属性，并设置它的值为"javascript:;"，用来阻止它的默认行为，很抱歉，还是不行，之前没有这个href时，连a:link都失效了，没有失效的是:hover和:active，这到底是哪里的问题呢？

想啊想，想啊想，想着想着思绪就飞扬，想到了自己没有妹纸，想到了自己一无所有，没有钱，没有车，没有房，真特么地弱小、无助、又可怜呐！真尼玛的绝望！！！

想着想着，又觉得想这些有毛用，啥都是自己一手创造出来的。没有对象，New一个呀；没有钱，把当前这个问题解决了，能力又提升了，工资有可能在不远的将来就涨了，工资涨了，未来就有可能离买车买房又近了一步呀，就不用再天天吃红薯了！

想想都鸡冻！

想着想着，哎哟我艹，不对啊，href="javascript:"就是用来阻止a标签的默认行为的，默认行为都阻止了，哪儿还来的a:visited啊，貌似是这个原因吧，于是赶紧把href="javascript:"换成了真实的链接如<a href="https://www.baidu.com>这回还不中吗？</a>，保存、刷新、点击，一气呵成，成功了，起效了，一扫之前的阴霾，仿佛整个世界都可以原谅了！

a:visited不起作用的原因解析的更多相关文章

  1. 关于j2ee工程发布到was上后，部分更新，例修改web.xml配置文件不起作用的原因解析【转】

    在WAS中,应用的配置是从config/cells....目录下读取:而资源从/installedApps目录下读取 故当配置文件(例web.xml)发生改变时,只更新应用程序资源文件/install ...

  2. Nhibernate中 Many-To-One 中lazy="proxy" 延迟不起作用的原因

    2010-07-15 12:10 by 彭白洋, 322 阅读, 0 评论, 收藏, 编辑 NHibernate中 Many-To-One 中lazy="proxy" 延迟不起作用 ...

  3. ,gitignore 中规则不起作用的原因

    .gitignore 文件的用途,该文件只能作用于 Untracked Files,也就是那些从来没有被 Git 记录过的文件(自添加以后,从未 add 及 commit 过的文件). 这样则好理解, ...

  4. Java中数组转为List三种情况的优劣对比，常犯的类型转换错误原因解析

    一.最常见方式(未必最佳)通过 Arrays.asList(strArray) 方式,将数组转换List后,不能对List增删,只能查改,否则抛异常. 关键代码:List list = Arrays. ...

  5. Spring管理的bean初始化方法的三种方式，以及@PostConstruct不起作用的原因

    1:Spring 容器中的 Bean 是有生命周期的,spring 允许 Bean 在初始化完成后以及销毁前执行特定的操作.下面是常用的三种指定特定操作的方法: 通过实现InitializingBea ...

  6. SpringBoot 内部方法调用，事务不起作用的原因及解决办法

    在做业务开发时,遇到了一个事务不起作用的问题.大概流程是这样的,方法内部的定时任务调用了一个带事务的方法,失败后事务没有回滚.查阅资料后,问题得到解决,记录下来分享给大家. 场景 我在这里模拟一个场景 ...

  7. 【HANA系列】SAP ECLIPSE中创建ABAP项目失败原因解析

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列]SAP ECLIPSE中创建AB ...

  8. Delphi TcxTreelist 设置scrollbars 不起作用的原因

    最近设置TcxTreelist的滚动条,发现水平的不起作用, 即使设置 sboth也不起作用. 查找,发现设置的一些属性导致了这个原因, 建立备忘,如下图: 1.属性, 这个页面,设置的表格,怎么也看 ...

  9. velocity中的velocityCounter不起作用的原因

    今天用org.springframework.ui.velocity.VelocityEngineFactoryBean 时,velocityCounter这个变量的时候死活不起作用,折腾了良久也不行 ...

随机推荐

  1. HDU 1698 Just a Hook 线段树区间更新、

    来谈谈自己对延迟标记(lazy标记)的理解吧. lazy标记的主要作用是尽可能的降低时间复杂度. 这样说吧. 如果你不用lazy标记,那么你对于一个区间更新的话是要对其所有的子区间都更新一次,但如果用 ...

  2. 关于 FormData 和 URLSearchParams

    一.FormData FormData 接口提供了一种表示表单数据的键值对的构造方式,经过它的数据可以使用 XMLHttpRequest.send() 方法送出,本接口和此方法都相当简单直接.如果送出 ...

  3. hdu 1128 Self Numbers

    Self Numbers Time Limit: 20000/10000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)To ...

  4. Failed to execute goal org.springframework.boot:spring-boot-maven-plugin:2.1.3.RELEASE:repackage (repackage)

    解决方案是删除 pom.xml配置的问题 <build> <plugins> <plugin> <groupId>org.springframework ...

  5. CentOS7.0下安装FTP服务的方法

    http://www.jb51.net/article/106604.htm   本篇文章主要介绍了CentOS7.0下安装FTP服务的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟 ...

  6. git update-index --assume-unchanged

    有的时候,不小心提交了一个配置文件config.php,每次在本地开发测试之后,都需要更改配置文件.相当麻烦. 使用 git update-index --assume-unchanged   /pa ...

  7. 【t091】油滴扩展

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 在一个长方形框子里,最多有N(0≤N≤6)个相异的点.在其中任何一个点上放一个很小的油滴,那么这个油滴 ...

  8. Vue基础练习之计算属性、方法、监听器

    <body> <div id="root"> {{fullName()}} {{age}} </div> <script> var ...

  9. linux 一个写缓存例子

    我们已经几次提及 shortprint 驱动; 现在是时候真正看看. 这个模块为并口实现一个非 常简单, 面向输出的驱动; 它是足够的, 但是, 来使能文件打印. 如果你选择来测试这个 驱动, 但是, ...

  10. vue-learning：41 - Vuex - 第二篇：const store = new Vue.Store(option)中option选项、store实例对象的属性和方法

    vuex 第二篇:const store = new Vue.Store(option)中option选项.store实例对象的属性和方法 import Vuex from 'vuex' const ...