HTML a标签点击之后的样式
发布网友
共3个回答
热心网友
设置超链接点击过后的样式可以使用css中的visited进行设置，基本的使用方法如下：
:visited 选择器用于选取已被访问的链接，使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式，:active 选择器用于设置点击链接时的样式。
工具原料：浏览器、编辑器
1、设置一个a标签的点击后的样式，点击后给标签添加*的背景，代码如下：
<!DOCTYPE html><html>
<head>
<style>
a:visited
{
background-color:yellow;
}
</style>
</head>
<body>
<a href="#">test</a>
<a href="#">test2</a>
<p><b>注释：</b>:visited 选择器为已被访问的链接设置样式。</p>
</body>
</html>
2、运行代码，点击过后的超链接将会改变成css设置的样式。
热心网友
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
你可以根据需要自己添加属性追问实际应用起来，按顺序写visited会覆盖link的样式，即使未点击，样式显示的也是visited
注意，我是按顺序来写的，没乱写
追答visited是显示点击过的样式，你把浏览器的缓存清理一下再试试
热心网友
a:visited{这里写他的样式就可以了}
