伪类选择器

Posted 2020-12-28 hugegege

链接伪类

链接的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;}