首页 / CSS / CSS中a:active的作用以及使用详解

CSS中a:active的作用以及使用详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS中a:active的作用以及使用详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1348字，纯文字阅读大概需要2分钟。

内容图文

CSS :active 选择器

定义和用法

　　:active 选择器用于选择活动链接。

　　当您在一个链接上点击时，它就会成为活动的（激活的）。

　　提示：请使用 :link 选择器对指向未被访问页面的链接设置样式，:visited 用于设置指向已访问页面的链接的样式，:hover 选择器用于设置鼠标指针浮动到链接上时的样式。

例子 1 选择未访问、已访问、悬浮和活动链接，并设置它们的样式：

a:link{color:blue;}
a:visited{color:blue;}
a:hover{color:red;}
a:active{color:yellow;}

例子 2 为链接设置不同的样式：

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

定义链接在鼠标被激活（点下去）时候的样式。链接伪类共有四个：
a:link 链接正常样式a:visited 链接访问过的样式a:hover 链接高亮（鼠标放到上面）的样式a:active 链接激活时的样式

示例：

<!DOCTYPE html>
<html>
<head>
<style>
a:active
{
background-color:yellow;
}
</style>
</head>
<body>

<a href="http://www.w3school.com.cn">W3Sschool</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.wikipedia.org">Wikipedia</a>

<p><b>注释：</b>:active 选择器为活动的链接设置样式。</p>

</body>
</html>

结果为：W3Sschool Google Wikipedia
注释：:active 选择器为活动的链接设置样式。
定义链接在鼠标被激活（点下去）时候的样式。链接伪类共有四个：
a:link 链接正常样式a:visited 链接访问过的样式a:hover 链接高亮（鼠标放到上面）的样式a:active 链接激活时的样式

以上就是CSS中a:active的作用以及使用详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的CSS中a:active的作用以及使用详解全部内容，希望文章能够帮你解决CSS中a:active的作用以及使用详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/413236.html

来源：【匿名】