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

a:visited:before {
    content: "\00A0\221A";
}

источник

Answer 3

Вы можете использовать :before псевдоселектор, но он не очень хорошо поддерживается.

Для лучшей поддержки сделайте его изображением и установите background-image. Затем используйте padding, чтобы показать изображение.