当前位置: 代码迷 >> 综合 >> CSS 的a:link、visited、hover、activate四种状态顺序问题
  详细解决方案

CSS 的a:link、visited、hover、activate四种状态顺序问题

热度:77   发布时间:2023-11-27 04:51:39.0

Ⅰ 问题

四种状态属性未按指定顺序写,鼠标无论是否悬浮与点击网站都只能出现一种效果。

Ⅱ 解决

对于a:xx的四种链接伪类选择器,需按照正确顺序使用,如下:
在这里插入图片描述

Ⅲ 原因


后面的属性会覆盖前面的属性。
①鼠标未访问url时有link、hover、active三种状态;
②鼠标访问url时有visited、hover、active三种状态;
③active∈hover∈visited∈link;

大状态放前边、小状态放后边



Ⅳ 顺序

pink老师记忆法:LVHA(LV好 ha o)
在这里插入图片描述

  相关解决方案