web前端基础:CSS伪类

链接伪类

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

伪类 说明
:link 未访问的链接
:visited 已访问的链接
:hover 鼠标悬停状态
:active 激活的链接

伪类:hover和:active

  1. :hover用于访问的鼠标经过某个元素时
  2. :active用于一个元素被激活时(即按下鼠标之后放开
    鼠标之前的时间)
p:hover{corlor:red;}
p:active{font-size:50px;}

伪类:hover和:active兼容

• IE6及更早版本,支持元素的4种状态
• IE6浏览器不支持其他元素的:hover和:active

链接伪类的顺序

:Link > :Visited > :Hover > :Active
说明:

  1. a:hover 必须置于 a:link 和 a:visited 之后,才有效
  2. a:active 必须置于 a:hover 之后,才有效
  3. 伪类名称对大小写不敏感。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章