访问链接上的伪类

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页面，出于隐私原因，访问元素的样式已经非常有限。因此，访问过的链接的任何子元素或伪元素都将被设置为未访问的链接。

Answer 2

我已经创建了一个让您理解的例子

＆＃13;

＆＃13;

a:before {
  background-color: blue;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
  float: left;
  margin-right: 10px;
}

a:hover:before {
  background-color: red;
}

＆＃13;

<a href="#">this is a link</a>

＆＃13;

＆＃13;

＆＃13;