css中a:hover无效果分析及解决

发布时间:2020-05-19编辑:脚本学堂
刚学网页制作时,我们在会经常遇到代码写的准确,但是效果就是出不来,前后仔细看几遍怎么也找不出原因,真叫一个急啊,本文中就介绍这样一个例子,鼠标鼠标放在链接,a:hover无效果的解决方法。
出现这种情况是CSS连接的排序问题,只能点完之后清理IE缓存才又有效果,下面调整一下顺序就解决这个问题了!如下所示:
复制代码 代码示例:
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
 
注意:为了能实现自己想要的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited ,a:active 必须位于 a:hover 之后!
以上就是本节css教程的内容,别看简单,能牢记这几个规则,不容易,不信你在以后的工作中就明白啦。