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的作用以及使用详解的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
457
