CSS伪类区别

常用于a和input标签

例

a:link{
   color: blue;
}
a:visited{
   color: green;
}
a:hover{
  color: red;
}
a:focus{
 color:black;
}
a:active{
  color: yellow;
}

input:focus{
  background: yellow;
}
input:active{
  background: red;
}

区别

link表示链接在正常情况下（即页面刚加载完成时）显示的颜色。

visited表示链接被点击后显示的颜色。

hover表示鼠标悬停时显示的颜色。

focus获得聚焦对象的元素，并设置聚焦时的显示效果，主要用于文本框输入文字时使用（鼠标松开时显示的颜色）。

active表示当所指元素处于激活状态（鼠标在元素上按下还没有松开）时所显示的颜色

伪类的顺序应为link--visited--hover--focus--active