网页教学网
 当前位置: 网页教学网 >> 网页制作 >> CSS技术应用 >> 学习CSS的伪类,WEB标准学习
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

学习CSS的伪类,WEB标准学习

http://www.webjx.com  更新日期:2007-10-25 21:29  出处:网页教学网  作者:站长整理

和一般的CSS语法不同,CSS伪类的语法有两种。

第一种:

selector:pseudo-class {property: value}

也可以用HTML的class属性来设定伪类。

例句:

a:link {color:red}

第二种:

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

伪类是最常用的伪类。

例句:

a.c1:link {color:red}

锚(a)伪类

锚(a)伪类是最常用的伪类。例句如下:

a:link {color: #FF0000} /* 未被访问的链接 红色 */
a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */
a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */

也可以用HTML的class属性来设定伪类。例句如下:

a.c1:link {color: #FF0000} /* 未被访问的链接 红色 */
a.c1:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a.c1:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */
a.c1:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */

例句:actived的顺序书写。

注:由于CSS优先级的关系(后面比前面的优先级高),在写a的CSS时,一定要按照a:link, a:visited, a:hover, a:actived的顺序书写。

关键词:CSS,伪类
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为