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>
<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>
作者:菩提树下的杨过
出处:http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
出处:http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。