首页 > 其他 > 详细

伪类选择器

时间:2018-08-09 13:41:27      阅读:200      评论:0      收藏:0      [点我收藏+]

链接伪类

链接的4种状态:激活状态、已访问状态、未访问状态和鼠标悬停状态。

:link 未访问的链接

:visited 已访问的链接

:hover 鼠标悬停状态

:active 激活的链接(点下鼠标松开鼠标之前的状态)

例子:

a:link{color:red;}

链接伪类的顺序:

:link > :visited > :hover > :active

说明:

1、a:hover必须置于a:link和a:visited之后,才有效。

2、a:active必须置于a:hover之后,才有效。

3、伪类名称对大小写不敏感。

 

伪类:hover和:active

1、:hover用于访问的鼠标经过某个元素时

2、:active用于一个元素被激活时(即按下鼠标之后放开鼠标之前的时间)

例子:

p:hover{color:red;}

p:active{font-size:20px;}

伪类选择器

原文:https://www.cnblogs.com/hugegege/p/9447989.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!