类为about的a标签visited访问后紫色样式不生效问题求助

问题原因及修复方案 #

1. 选择器语法错误

你当前的CSS规则about a:visited存在语义错误，该选择器会匹配<about>标签下的a标签已访问状态，和你要选中「带about类的a标签已访问状态」的需求完全不符，修正为正确的选择器即可：

a.about:visited {
  color: purple;
}

2. 注意伪类书写顺序

如果修改选择器后仍不生效，检查a标签相关伪类的书写顺序，需要严格遵循LVHA原则：:link 、:visited 、:hover 、:active，顺序错误会导致后面的规则覆盖visited的样式。

另外浏览器出于隐私安全限制，仅允许:visited伪类修改颜色类属性（color、border-color、background-color等），你当前修改color属性属于允许范围，不会触发限制。

内容的提问来源于stack exchange，提问作者Hannah