a标签的伪类选择器

a标签的伪类选择器

a标签存在的状态

1.默认状态，未被点击过

2.被访问过状态

3.鼠标长按状态

4.鼠标悬停的状态

什么是a标签的伪类选择器

a标签的伪类选择器是专门用来修改a标签不同状态的样式的

格式

修改从未被访问过状态下的样式

a:link {
    color: salmon;
}

这个html中你只要点过，就会被记录，刷新也没用，只有重新打开页面。

左边两个被访问过，右边并没有。

修改被访问过的样式。

a:visited {
     color: green;
}

修改长按状态下的样式。

a:active {
    color: yellow;
}

修改鼠标悬停状态样式

a:hover {
    color: black;
}

注意点

1.a标签的伪类选择器可以单独出现也可以一起出现。

2.a标签的伪类选择器如果一起出现，有一个严格的顺序要求：

默认状态 被访问过状态 悬停状态 长按状态 (如下代码)

其实很好记忆，可以理解为鼠标操作时间逐渐增加，由未点击到点击，到鼠标放上去，到一直按下。

a:link {
    color: salmon;
}

a:visited {
      color: green;
  }
a:hover {
    color: black;
}
a:active {
    color: yellow;
}

3.可以只有三个状态或两个状态，但一样要按照这个顺序，将没有的状态省略。

4.如果默认状态的样式和被访问过的状态样式一样，可以缩写

a {
    color: green;
}

等价于

a:link {
          color: green;
      }

a:visited {
    color: green;
}