CSS伪类定义的方法

2019-08-31 07:15:45来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

我们在CSS的网络布局中经常会涉及到CSS伪类的问题,那么你知道怎么定义CSS伪类呢?那么现在大家就请跟随爱站小编的步伐一起去看看具体内容吧,希望对你有所帮助。
a.jb51com{text-decoration:none;}
a.jb51com:link{color:#f90;}
a.jb51com:hover{color:#fff;background-color:#FF5900;}
a.jb51com:active{color:#FF5900;}
<a href="http://www.aizhan.com/" class="jb51com">第一种写法 - 爱站技术频道</a>
a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
<a href="http://www.aizhan.com/">
<span class="nav2">第二种写法 - 爱站技术频道</span>
</a>
.wwwjb51 a {text-decoration: none;color: #ccc; }
.wwwjb51 a:visited {color: #ccc;}
.wwwjb51 a:hover {color: #f60;}
<span class="wwwjb51">
<a href="http://www.aizhan.com/">第三种写法 - 爱站技术频道</a>
</span>

上文中介绍了CSS伪类定义的方法,虽然我们在爱站技术频道学习了很多的相关知识,已经学会了的朋友们不妨也复习一下。


原文链接:https://js.aizhan.com/web_authoring/css/8634.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML标签嵌套规则

下一篇:为网站带来出色的效果的CSS3技巧