为了账号安全,请及时绑定邮箱和手机立即绑定

CSS伪类的三种代码写法

标签:
Html/CSS

今天逛蓝色时,无意发现了有人讨论伪类的正确写法,让我对伪类的认识也更清晰了,转贴于此,以备日后查询(原贴当时没记下地址,已经记不得了)

<style>
a.tb{text-decoration:none;}
a.tb:link{color:#FF9900;}
a.tb:hover{color:#ffffff;background-color:#FF5900;}
a.tb:active{color:#FF5900;}

a .nav2 {font-family: "宋体";font-size: 12px;line-height: 20px;color: #777777;text-decoration: none;}
a:link .nav2 {color: #777777;}
a:hover .nav2 {color: #ff6600;}
a:active .nav2 {color: #ff6600;}

.huoye a {text-decoration: none;color: #cccccc; }
.huoye a:visited {color: #cccccc;}
.huoye a:hover {color: #ff6600;}

</style>


<a href='#' class='tb'>第一种写法</a>
<hr size='1'/>

<a href='####'>
  <span class="nav2">第二种写法</span>
</a>

<hr size='1'/>

<span class=huoye>
<a href='####'>第三种写法</a>
</span>


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消