关于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 {} /* 鼠标点中激活链接 */
