Удалить слова из ссылки с помощью: посещенных после нажатия на ссылку

Question

есть способ с чистым CSS, чтобы иметь ссылку, которая могла бы сказать «Новое! Смотреть видео», а затем, когда кто-то щелкнул ссылку, удалите «Новую» часть ссылки. Я предполагаю, что это можно сделать с помощью Jquery, но я хотел бы посмотреть, есть ли способ удалить его с помощью просто CSS.

Answer 1

Вместо удаления слов добавьте слово «Новый», если ссылка еще не посещена

a:before {
    content: "New! ";
}
a:visited:before {
    content: "";
}

Без дополнительной разметки, и вам не нужно ставитьСлово «Новое» везде.

Answer 2

Предполагая, что якорь перенесет вас на новую страницу, вы можете использовать следующую технику:

a:before {
    content: "New! ";
}

На любой странице, которую вы хотите удалить или изменить, вы можете добавить класс тела

body.blah a:before {
    content: "";
}

Answer 3

Оберните "Новое!" в пролете внутри якоря:

<a class="newText" href="somepage.html"><span>New! </span>Watch video</a>

и в вашем CSS установите:

a.newText:visited span { display: none; }

Я бы порекомендовал использовать класс на привязке (например, «newText» выше), чтобы это форматирование применялось только к тем ссылкам, на которые вы хотите. И имейте ввиду, что «Новый!» текст снова появится, если пользователь очистит историю своего браузера.