CSS伪类的三种写法

时间:2022-04-23
本文章向大家介绍CSS伪类的三种写法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

Code

<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>