首页 | 入门教程 | 中级教程 | 高级教程 | 实用技巧 | 滤镜专区 | 动画教程 | 美术基础 | 文字教程 | 网站设计 | 照片处理 | 鼠绘教程 | 非主流 | ps论坛

网站导航

教程搜索: 类 型:    资讯/作品/教程在线投稿 个人作品推荐 业务咨询/信息反馈 论坛在线提问 广告服务 认证考试培训资料试卷
 精品素材下载 草坐网PS草坐网教程每日更新,热心为广大PS爱好者服务欢迎光临

TOP

学习CSS的伪类,WEB标准学习
[ 录入者:xiaohan | 时间:2008-02-12 16:07:07 | 作者: | 来源:本站整理 | 浏览:14次 ]

和一般的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的顺序书写。

0
】【打印繁体】【投稿】【收藏】 【推荐】【举报】 【关闭】 【返回顶部
[上一篇]CSS技巧总结 段正淳的css笔记 Ⅰ [下一篇]14个常见的CSS技巧及常见问题

评论

称  呼:
内  容:

相关栏目

最新文章

热门文章

推荐文章

赞助连接