CSS里的a:active 是干什么用的,请举例说明

 我来答
电子科技小百科
高粉答主

2020-05-05 · 繁杂信息太多,你要学会辨别
知道答主
回答量:4367
采纳率:0%
帮助的人:73.8万
展开全部

定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:

1、新建一个html文件,命名为test.html,a标签四个不同的伪类,有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px,点击链接过后,大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色,点击链接过后,背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace,点击链接过后,字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

纯洁的小树
推荐于2017-09-29 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:475万
展开全部

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%;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-11-25
展开全部
定义链接在鼠标被激活(点下去)时候的样式。链接伪类共有四个:
a:link 链接正常样式a:visited 链接访问过的样式a:hover 链接高亮(鼠标放到上面)的样式a:active 链接激活时的样式
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
尚帝之父
2015-10-23 · TA获得超过199个赞
知道小有建树答主
回答量:151
采纳率:46%
帮助的人:44.1万
展开全部
示例:
<!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 链接激活时的样式
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式