首页 / CSS / 调整CSS类型的顺序改变链接翻滚

调整CSS类型的顺序改变链接翻滚

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了调整CSS类型的顺序改变链接翻滚，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1428字，纯文字阅读大概需要3分钟。

内容图文


　　通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link (normal), 访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。
　　现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果，并且如何重新安排这些类型顺序以获得不同的翻滚效果。
　　链接状态
　　典型的CSS翻滚效果依赖于超链接中四个状态之一的独立类型。可以建立附带CSS预先类的(超链接)类型以指定链接状态:
　　a:link——常规，非访问超链接
　　a:visited——访问超链接
　　a:hover——访问者操作鼠标通过时的链接
　　a:active——点击链接
　　为了能够使典型的CSS翻滚效果正常工作，CSS代码中的CSS类型顺序显得非常重要，无论它是一个外部类型表格或者是嵌入在HIML页标题栏中的类型规则。
　　a:link类型出现的时间为最早，因为它可应用于所有的链接。a:visited类型排第二，它将取代任何链接的a:link格式。(如果a:link类型紧跟着的是a:visited，a:link可能会取代a:visited类型。)其次是a:hover类型，此类型只应用于访问鼠标下的链接。最后是a:active，所以，当链接被点击时，它可以取代所有其它的类型。
　　a:link{
　　color:#0000FF;
　　text-decoration:underline;
　　font-weight:normal;
　　font-style:normal;
　　}
　　a:visited{
　　color:#3399FF;
　　text-decoration:underline;
　　background-color:#FFFFFF;
　　font-weight:normal;
　　font-style:italic;
　　}
　　a:hover{
　　color:#0000FF;
　　text-decoration:underline;
　　background-color:#FFFF00;
　　font-weight:bold;
　　font-style:normal;
　　}
　　a:active{
　　color:#FF0000;
　　text-decoration:none;
　　background-color:#CCCCCC;
　　font-weight:bold;
　　font-style:normal;
　　}
　　在CSS代码中的类型顺序确定了每一种类型如何取代其它的类型，即更多的类型可以应用到特定的元素。正常情况下，a:hover类型处于a:link和a:visited类型之后，所以hover状态的类型可以应用于常规和访问的链接。但是，它也并非必须遵循这一方式，你可以改变类型顺序实现不同的效果。
　　假设你想在非访问链接中使用翻滚效果，但不想影响到其它访问链接，你或许想到通过代码来处理这种外形上改变，然而你所要做的是重新组织CSS代码。
　　从访问链接中移除翻滚效果，可以通过很简单地移除a:visited类型。
　　注意，a:visited类型中包含指定所有与a:hover相同属性的规则，否则，当访问者的鼠标通过一个访问链接时，没有被a:visited类型取代的任何a:hover类型属性将会继续再现。

原文：http://www.jb51.net/css/6885.html

内容总结

以上是互联网集市为您收集整理的调整CSS类型的顺序改变链接翻滚全部内容，希望文章能够帮你解决调整CSS类型的顺序改变链接翻滚所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1143201.html

来源：【匿名】