• 密码登录
  • 手机登录
社交账号登录
阅读( ) 收藏( ) 加载中~ 我要纠错

代码实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>eyoumb.com教程(eyoumb.com)</title> 
<style>
a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}
</style>
</head>
<body>

<p>将鼠标移上并点击此链接: <a href="https://www.eyoumb.com">eyoumb.com</a></p>

</body>
</html>

尝试一下 »

点击“尝试一下”按钮查看在线实例

定义和用法


:active向活动的链接添加特殊的样式当你点击一个链接时它变成活动链接。

:active选择器匹配激活元素,不限于用户可以与之交互的元素。

:active是一个伪类选择器,它适用于被激活的元素。

最常见的示例是单击HTML文档中的超链接:当按住鼠标按钮时,链接处于活动状态。

提示: 

    :link 选择器设置了未访问过的页面链接样式, 

    :visited 选择器设置访问过的页面链接的样式, 

    :hover 选择器当有鼠标悬停在其上的链接样式。

注意: 为了产生预期的效果,在CSS定义中,:active必须位于:hover之后!!


×