css中visited不起作用

1.可能顺序不同

css定义超链接四个状态也是有顺序的

a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {} /* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */

 

2.visited的部分样式不适用

https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/samples/hh180764(v=vs.85)

 

 

3.可能a href中的链接失效

链接无效会使a的visited设置无效, 这是因为链接点击后没有产生网页访问的历史记录, 所以链接点击后无效

***如果代码如下，即a href=“#”链接一致，那么会导致visited点完后全部变色

  a:visited   {color: #FFFF00;  text-decoration:none;}   

<p><a href="#">AA</a></p>
<p><a href="#">BB </a></p>