HTML a标签点击之后的样式
如果不用JS，只用CSS能不能做出a标签点击之后保持点击后改变的样式，就是点击某个链接，在该页面依然能看到该链接，然后该链接的样式跟同类标签不一样...
如果不用JS，只用CSS能不能做出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} /* 被选择的链接 */
你可以根据需要自己添加属性
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
你可以根据需要自己添加属性
追问
实际应用起来，按顺序写visited会覆盖link的样式，即使未点击，样式显示的也是visited
注意，我是按顺序来写的，没乱写
追答
visited是显示点击过的样式，你把浏览器的缓存清理一下再试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a:visited{这里写他的样式就可以了}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
