超连接a标签的伪类选择器问题，Link标签与visited标签的失效问题(问题介绍与解决方法)。如下所有内容跟可经过鼠标左键选取后，复制到编辑器中直接运行。

时间 2020-07-09

标签连接标签选择器问题 link visited 失效介绍解决方法如下所有内容经过鼠标左键选取复制编辑器直接运行繁體版

原文原文链接

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
/*css中超连接正常的设置顺序。*/css

/*未被访问过的连接，文字显示为黑色。*/
/*当四个伪类选择器对同一超连接标签a起做用时，只有浏览器记录中没有访问过该超连接的记录，四个伪类都有用。不然，该Link选择器无用。被访问前色变为visited设置的颜色。若是必定要解决link选择器失效的问题。可将link选择器颜色与visited选择器颜色设置同样的。例如黑色。即不管时被访问前，仍是被访问后，该文字都为黑色。*/
a:link{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:black;
}html

/*已被访问过的连接，文字显示为红色。*/
/*如果visited属性失效的话，有两种可能。①超连接a标签中未写入href="";②四个伪类选择器的书写顺序错误。link->visited->hover->active，可记忆为LVha,*/
a:visited{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:red;
}浏览器

/*鼠标指针悬浮在连接上，文字显示为蓝色。*/
a:hover{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:blue;
}指针

/*鼠标指针正在点击连接，文字显示为橙色。*/
a:active{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:orange;
}
</style>
</head>
<body>

<a href="#" title="百度访问连接" alt="百度访问连接" target="_blank">百度</a>htm

<!--blog

左侧为超连接未被访问时的样式。utf-8

<br />get

左侧为超连接被访问后的样式。须要注意的是，只要该超连接未产生过浏览器访问记录时，link与visited是不排斥的。即各自的效果都可以显示出来。如果浏览器记录中有访问过该超连接的记录，即便刷新，超连接未被访问过的样式LInk也会被visited所设置的样式取代。it

<br />io

鼠标悬浮在超连接上时的样式。

<br />

左侧为鼠标正在点击超连接，未松开时的样式。-->

</body>
</html>

原文出处：https://www.cnblogs.com/kaotimo/p/12284519.html