如何制定链接的样式

通过伪类在CSS中指定链接在不同状态下的样式

a:link
{
	color:green;
}

这个选择器应用于处于未访问状态的链接

a:visited
{
	color:red;
}

这个选择器应用于已访问的连接

a:hover
{
	color:yellow;
}

这个选择器应用于悬停在一个链接上

另外还有两种状态,focus和active

浏览器将焦点放在你的链接上时就是focus状态。有些浏览器允许按下Tab键来轮流访问页面上的所有链接。当浏览器访问到某个链接时,这个链接就拥有焦点。
用户第一次单击一个链接时,就处于活动active状态。

链接可能处于不同的状态。因此要按照规则的顺序来确定应用哪个样式。一般我们认为适当的顺序是:

link,visited,hover,focus,active

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值