频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
伪类选择器的作用及用法示例
2018-05-15 13:40:56      个评论    来源:sashahu的博客  
收藏   我要投稿

作用根据连接的不同状态可以以不同的方式显示;

伪类是CSS 用于向某些选择器添加特殊的效果。

a标签中有四个:link、visited、hover、active

用法示例:

a:link{color:#FF0000}     -----未访问的连接(颜色可以自定义)

a:visited                         -----已访问的连接

hover                         -----鼠标移动到连接上时显示的效果

a:actice                          -----选定的的连接

注意:书写的顺序必须按照以下顺序,

a:link、a:visited、a:hover、a:active

再加上一些特殊效果的样式

更炫的超链接效果(字体变色、字体变大、出现背景色、出现下划线)

a.one:link {color: #ff0000}  
a.one:visited {color: #0000ff}  
a.one:hover {color: #ffcc00}  
a.two:link {color: #ff0000}  
a.two:visited {color: #0000ff}  
a.two:hover {font-size: 150%}  
a.three:link {color: #ff0000}  
a.three:visited {color: #0000ff}  
a.three:hover {background: #66ff66}  
a.five:link {color: #ff0000; text-decoration: none}  
a.five:visited {color: #0000ff; text-decoration: none}  
a.five:hover {text-decoration: underline} 
点击复制链接 与好友分享!回本站首页
上一篇:介绍一下HTML中的字符实体(特殊字符)
下一篇:基于模式设计的软件环境的搭建步骤教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站