关于html的超链接a，a:link,a:visited,a:hover这些是啥意思，麻烦简单讲下

Posted 2023-03-31

参考技术A a是a标签
link,visited,hover是标签的各个状态
link活动的标签，即可以点击的标签，通常我们叫他超链接
visited已经访问过的标签，默认是紫色的
hover鼠标移动上去的状态，就是鼠标移上去后，a标签的表现形式

css中链接的4个状态 linkvisited hoveractive 顺序与设置

 

link       未点时链接色
visited  已点过的链接色
hover   光标放入链接上的色
active   点击时的样式

顺序一定要按link、visited、hover、active来设置

1)普通形式
a:link{}
a:visited{}
a:hover{}
a:active{}

<a href="...">...</a>


2)单个class
a.clsname{}
a.clsname:link{}
a.clsname:visited{}
a.clsname:hover{}
a.clsname:active{}

<a href="..."  class="clsname">....</a>


3)容器class
.cls a:link{}
.cls a:visited{}
.cls a:hover{}
.cls a:active{}

<div class="cls">
  <a href="">...</a>
</div>


4)ID的形式
#idname a:link{}
#idname a:visited{}
#idname a:hover{}
#idname a:active{}

<div id="idname">
    <a href="...">....</a>
</div>