« zblog的版权声明党校培训结束了 »

a:hover和a:visited书写顺序的重要性

密陀僧发布 技术 2006年11月15日 次浏览
今天在用a:hover属性的时候发现一个奇怪的问题,同一个页面里面有些链接的a:hover效果不能正常表现出来。链接的代码是一样,没有使用其它样式固定,搞的我莫名其妙。还以为是某个标签没有关闭,但是页面比较长,检查起来又嫌累,但是想来想去找不到其它原因,索性把浏览器一关,做别的事情去了。
重新打开这个页面的时候,突然发现那个链接的a:hover效果又出来了。我想了一下,点了那个链接,然后回过头再点,果然又没了。连忙检查css文档,发现a:hover属性写在了visited之前,改写到之后,重试,ok!
以前看书的时候注意到css中关于链接表现的书写有提示说各属性顺序不能颠倒,一直没有注意,写的时候通常都很随意。现在看来不能这个顺序还是很重要的。
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即

a:link 
a:visited 
a:hover
a:active

可以用dreameaver生成一个看看就知道了。

上网看了下,像我原来一样不注意四者顺序的人比比皆是,总算得到点安慰了。
转载请注明:转载自漱风斋[ http://0e2.net/ ]

本文链接地址:http://0e2.net/post/559.html
  • 我好像从来都没有注意过这个问题哦!
  • 评论作者:kelly——2006-11-14 21:33:12 回复该留言
  • 嘿嘿~~~
    又是一个我不懂的话题,和尚的发现支持一下。
  • 评论作者:凤鸣朝阳——2006-11-15 10:54:23 回复该留言
  • LVHA
    love hate
    “喜欢讨厌”,记得在哪看到可以这样记的说~
  • 评论作者:HotHeart——2006-11-15 18:22:39 回复该留言
  • 支持一下,我就碰到这个问题,找了半天的解决方法,终于被我找到,靠,原来是顺序的问题。谢谢LZ
  • 评论作者:jason——2006-12-12 14:52:36 回复该留言
  • 谢谢了,解决了我的大问题,牛
  • 评论作者:cnscn——2008-1-22 15:23:06 回复该留言
  • 我正在苦腦這個問題,看了你的分享,解決了我的問題,太棒了!感謝你^^
    密陀僧 于 2008-3-5 15:02:16 回复
    握手,以后多交流
  • 评论作者:小比——2008-3-5 14:55:12 回复该留言
  • 真希望有个你这个样的朋友.
    漱风居士 于 2009-1-30 9:10:59 回复
    一起学习,多交流:)
  • 评论作者:Mondi——2009-1-29 20:27:26 回复该留言
  • 好贴子。
    刚刚遇到相同的问题一搜就搜到你这里来了。

  • 评论作者:Akira——2009-2-7 2:25:13 回复该留言
  • 我也莫名其妙了一下,呵呵,谢谢!!!!
  • 评论作者:cat——2009-6-22 10:13:20 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright 2009-3000 0e2.net. Some Rights Reserved.  Powered By Z-Blog.