使用CSS visited属性将href用于文件

Question

我有2个锚标签的HTML,一个到文件,一个到谷歌

<a href="http://example.com/files/foobar.csv">
    http://example.com/files/foobar.csv
</a>
<a href="http://google.com">
    Google
</a>

我也有这个CSS来访问锚标签红色.

a:visited {
    color: #ff0000;
}

当我点击谷歌链接时,链接会变为红色,因为我已经访问了它.

但是,当我单击该文件时,该链接不会变为红色.

因此,文件路径似乎与url路径的工作方式不同.

如何使访问属性使用href对文件进行锚标记处理

Answer 1

您可以尝试直接在浏览器历史记录中插入 URL。

你可以这样做：

HTML：

$(".file-link").click( function () {
  $(this).attr("href");
  var stateObj = { foo: "bar" };
  window.history.pushState({ title: "Services" }, "foobar.csv", $(this).attr("href"));
}); 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#/files/foobar.csv" class="file-link">
    http://example.com/files/foobar.csv
</a>
<a href="http://google.com">
    Google
</a>