当前位置: 首页 > 工具软件 > Visited > 使用案例 >

a链接的四种状态:link、visited、hover、active

芮宇航
2023-12-01

a链接的四种状态

  • 伪类是CSS 用于向某些选择器添加特殊的效果。
    a标签中有四个:link、visited、hover、active
    (1)link-设置a对象在未被访问前的样式表属性。
    (2)visited-设置a对象在其链接地址已被访问过时的样式表属性。
    (3)hover–设置对象在其鼠标悬停时的样式表属性。
    (4)active-设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。
  • 定义CSS时候的顺序不同,也会直接导致链接显示的效果不同。原因可能在于浏览器解释CSS时遵循的“就近原则”。正确的顺序:a:link、a:visited、a:hover、a:active
<style   type="text/css">   
a:link {color: red;} /* 未访问的链接 */
a:visited {color: green;} /* 已访问的链接 */
a:hover{color: yellow;} /* 鼠标在链接上 */ 
a:active {color: black;} /* 点击激活链接——在你点击该链接之后,页面正在转向新地址的时候,链接显示此颜色;当你已经到了要链接的页面,然后再返回,原页面上的此链接仍是此颜色 */ 
/*其他的顺序会出现其他的颜色不能正确显示,这里就不再一一举例了。*/
</style>
 类似资料: