伪类元素(一)

伪类用于定义元素的特殊状态: 

在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后才能生效。

a:active 必须位于 a:hover 之后才能生效。

  • 设置鼠标悬停在元素上时的样式
  • 为已访问和未访问链接设置不同的样式
  • 设置元素获得焦点时的样式

1.初始状态 link

代码

css样式

 想要给a标签设置高度 必须给他转换成块状元素

 这是效果

 

 2 被访问后的状态 visited

效果 

 3、鼠标滑过的时候状态 hover(当鼠标滑过a标签是 会由红色变成绿色,鼠标拿走,立马恢复)

 4 鼠标按下时的状态 active(当按下去的时候会变成墨绿色,抬起的时候恢复)

 

猜你喜欢

转载自blog.csdn.net/Cat_LIKE_Mouse/article/details/119061094