CSS:如何在所有访问过的链接旁边添加一个复选标记图标/ acsii字符？

Question

对于任何访问过的(a:visited)网页,我想在我的网站上显示这些链接,并在链接左侧显示一个小复选标记.

例如:

"这是一个未经访问的链接"

√"这是一个访问过的链接"

问题:如何使用CSS完成复选标记？

Answer 1

您可以使用背景和填充的组合来获得此效果.

a:visited {
    background: transparent url("path/to/checkmark.png") left center no-repeat;
    padding-left: 10px;
}

调整衬垫和背景位置以满足您的需求.希望这可以帮助.

Answer 2

您可以使用:before伪选择器，但它没有得到很好的支持。

为了获得更好的支持，请将其设为图像，并将其设置为background-image。然后用于padding显示图像。