html - 访问链接上的伪类

Question

我试图仅使用 CSS，设置一个链接列表，如果它们是“未访问”链接，则在它们旁边有一个感叹号，如果它们已被访问，则在它们旁边有一个复选框。前者工作正常，但是当链接被访问时，复选框不会出现。我的 CSS 如下:

.journey-table td a:link:before {   
    content: "\f071";
    font-family: FontAwesome;
    padding-right: 5px;
}
.journey-table td a:visited:before {    
    content: "\f14a";
    font-family: FontAwesome;
    padding-right: 5px;
}

如有任何帮助，我们将不胜感激。

Answer 1

根据 this页面，一个 :visited 元素的样式，出于隐私的原因，已经变得非常有限。因此，已访问链接的任何子元素或伪元素的样式都将像未访问链接一样。