点击这里给我发消息 推荐使用1024以上分辨率浏览本站,此处广告位招商……

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

08:49 AM 2008-08-7 | 逍遥老鬼 | 日志分类:DIV+CSS

  昨天用手机上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 {}   /* 鼠标点中激活链接 */
Tags: 伪类, html, css
Google
 
« 上一篇 下一篇 »
只显示10条记录 相关文章
  1. 【转】图片垂直居中的使用技巧 [浏览:1238, 评论:3]
  2. 关于有序列表ol排序的一些问题 [浏览:746, 评论:0]
  3. 代码再升级,删除keywords [浏览:631, 评论:0]
  4. 学习Robots META标签过程的再升级 [浏览:843, 评论:3]
  5. Robots META标签的写法 [浏览:1524, 评论:8]
  6. :before:after这两个伪类到底该怎么用呢? [浏览:1147, 评论:4]
  7. 兼容IE,Firefox的图片自动缩放CSS代码 [浏览:2419, 评论:6]
  8. CSS hack:区分IE6,IE7,firefox [浏览:1789, 评论:2]
  9. 网页标准制作中的两个关于UTF-8编码的问题 [浏览:3232, 评论:9]
  10. [转]Firefox与IE下UL预设标记的异同 [浏览:2275, 评论:1]
Trackbacks
点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5
3条记录访客评论
a:类的那几个链接样式, 还要注重书写的顺序。你注意到了吗?
对了你的主题真难看,还在学CSS呢。
Post by 霉川类酷 on 2008, 08, 8, 01:15 AM 引用此文发表评论 #1
早就注意到了啊,用你说!难看就难看呗,我自己做的我喜欢,这个适合我。大部分说难看的人是因为没有安装雅黑字体。
Post by 逍遥老鬼 on 2008, 08, 8, 08:27 AM 引用此文发表评论 #2
学到东西了!哈哈!最近在学CSS……我也用SAX!
Post by HJin on 2008, 08, 10, 12:50 AM 引用此文发表评论 #3

发表评论

评论内容(*):