首页 > xhtml&css > 关于a:link等伪类的几种写法

关于a:link等伪类的几种写法

2008年8月7日 发表评论 阅读评论

  昨天用手机上QQ,偏偏这个时候ding跟老蛇说起了a这个标签的那些伪类,碰巧,我又不会,靠,在手机QQ上偷学了半天,别提多费事了。ding那里把昨天说的东西都整理出来了,我也就省事了,直接搬过来用用算了。

  注:由于CSS优先级的关系(后面比前面的优先级高),在写a的CSS时,link>visited>hover>active,Ding那里有几个地方visited写错了。

  现在开始引用他整理的东西:

  伪类的2种用法。我就常用最简单的那种,另外的那种方法真没用过。。写出来今天也刚学的知识点。

  普通的伪类:

  selector:pseudo-class {property: value}

  例如:

  • .ooxxoo a:link {}   /* 未被访问的链接 */
  • .ooxxoo a:visited {}  /* 已被访问过的链接 */
  • .ooxxoo a:hover {}  /* 鼠标悬浮在上的链接 */
  • .ooxxoo a:active {}  /* 鼠标点中激活链接 */

  第二种用法的伪类:

  selector.class:pseudo-class {property: value}

  例如:

  • a.ooxxoo :link {}  /* 未被访问的链接 */
  • a.ooxxoo :visited {}  /* 已被访问过的链接 */
  • a.ooxxoo :hover {}  /* 鼠标悬浮在上的链接 */
  • a.ooxxoo :active {}   /* 鼠标点中激活链接 */
分类: xhtml&css 标签: , ,
  1. 1970年1月1日08:00 | #1

    a:类的那几个链接样式, 还要注重书写的顺序。你注意到了吗?

    对了你的主题真难看,还在学CSS呢。

  2. 逍遥老鬼
    1970年1月1日08:00 | #2

    早就注意到了啊,用你说!难看就难看呗,我自己做的我喜欢,这个适合我。大部分说难看的人是因为没有安装雅黑字体。

  3. 1970年1月1日08:00 | #3

    学到东西了!哈哈!最近在学CSS……我也用SAX!

  1. 本文目前尚无任何 trackbacks 和 pingbacks.