当前位置： 移动技术网 > IT编程>网页制作>CSS > 伪类选择器的作用及用法示例

伪类选择器的作用及用法示例

2019年06月03日  | 移动技术网IT编程  | 我要评论

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

伪类是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}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网