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

逍遥老鬼 撰写  

  昨天用手机上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 {}   /* 鼠标点中激活链接 */

3 条评论

  1. 发表了 1970/01/01 在 8:00 上午 | 永久链接 | Reply

    a:类的那几个链接样式, 还要注重书写的顺序。你注意到了吗?
    对了你的主题真难看,还在学CSS呢。

  2. 逍遥老鬼
    发表了 1970/01/01 在 8:00 上午 | 永久链接 | Reply

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

  3. 发表了 1970/01/01 在 8:00 上午 | 永久链接 | Reply

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

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*