中国专业的网站设计团队-isheji.net
专业 | 专业设计 | 精英团队 | 客户案例 | 网站命脉 | 专业教程 | 设计关闭 | 网站建设 | 联系我们 | 关于我们
资讯 | 行业资讯 | 国内资讯 | 国外资讯 | 网站优化 | 网站推广 | 推广技巧 | 推广方案 | 网站策划 | 网站排名
素材 | 建站资源 | 设计教程 | 网站策划 | CSS 标准 | 脚本特效 | 网页配色 | 程序相关 | 酷站推荐 | 建站技巧
网站首页
设计资讯
服务项目
网站命脉
案例展示
设计素材
精英团队
交流论坛
意见反馈
关于我们
   

栏目导航:行业资讯 | 网站优化 | 网站推广 | 网站建设 | 专业教程 | 客户案例 | 网站策划 | 网页配色 | 建站技巧

 

您现在的位置:酷爱设计网 >> 设计素材 >> 建站技巧
用户登陆 新用户注册
 

资讯正文

 
CSS优先级的关系伪类的语法
 
时间: 2008-5-21 作者: 不详 (人气: ) 来源: 选择设计
核心提示:
  
  

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

  加入收藏】【打印此文】【返回首页
  相关文章
  Loading...
  网友评论
  Loading...  
  发表评论  
  昵称: 验证码:  
 
   
 

最新热门

 

最新更新

Loading...
 

本类信息

Loading...
 
关于我们 | 合作伙伴 | 广告服务 | 诚聘精英 | 客户服务 | 版权申明 | 友情链接 | 联系我们
酷爱设计网 (isheji.net)版权所有 2007-2010 酷爱设计网-打造中国最诚信,专业的网站设计团队,从而为企业开拓市场助一臂之力!

建议您使用1024*768分辨率浏览本站效果更佳 QQ:55788519 QQ:7464712 电话:13720764794 E-mail:isheji@isheji.net
陕ICP备0568751号