:link :visited :hover :active

lvha 分别为首字母的缩写,简称爱恨原则,他们是有css排列顺序

可以作用在a标签上的四个伪类 叫做超链接伪类,这四个超链接伪类必须要按照 lvha的顺序设置,否则就会失效

:link :visited :hover :active

未访问之前的链接改变颜色,访问过一次就失效,提示一次这个未访问

:visited

访问过的超链接改变的颜色,原本的是紫色,访问过后将会变成设定的颜色,一般访问过的超链接 最多修改字体颜色,不要放大,保护用户隐私

:hover

鼠标悬停效果

:active

激活,鼠标按下 没有抬起的状态

:focus

元素获取焦点(聚焦)时状态

 
<style>
    a:link {
      color: red;
    }
 
    a:visited {
      color: aqua;
    }
    a:hover {
      color: blue;
      font-size: 30px;
    }
   div:active {
      color: yellow;
    }
  </style>
  <body>
    <a href="#">helloworld</a>
  </body>