CSS приклад: Псевдокласс :visited

:
Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
4.0+1.0+3.5+1.0+1.0+1.0+1.0+

Коротка інформація

ЗастосовуєтьсяДо посилань (тег <a>)
Посилання на специфікацію http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Псевдоклас :visited застосовується до посилань, вже відвіданих користувачем, і встановлює для них стиль оформлення.

Синтаксис

a:visited { ... }

Значення

Немає.

Приклад

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>visited</title>
  <style>
   a:link {
    color: #0000d0; /* Колір посилань */
   }
   a:visited {
    color: #900060; /* Колір відвіданих посилань */
   }
  </style>
 </head>
 <body>
  <p><a href="1.html">Відвідане посилання</a></p> 
  <p><a href="2.html">Не відвідане посилання</a></p>
  <p><a href="3.html">Не відвідане посилання</a></p>
 </body>
</html>

Результат даного прикладу показаний на рис. 1.

Рис. 1. Результат використання псевдокласу :visited

SEO текст: Ця стаття розповідає про псевдоклас :visited в CSS, який застосовується до відвіданих користувачем посилань для їх стилізації. Стаття містить інформацію про синтаксис і застосування цього псевдокласу, а також приклад його використання.

Часті запитання

  • Q: Як використовувати псевдоклас :visited в CSS?

    A: Псевдоклас :visited використовується для стилізації посилань, які вже були відвідані користувачем.

  • Q: Які стилі можна застосовувати до елементів з псевдокласом :visited?

    A: До елементів з псевдокласом :visited можна застосовувати стилі, такі як колір тексту, фон, обрамлення тощо.

  • Q: Чому деякі стилі не застосовуються до елементів з псевдокласом :visited?

    A: З міркувань безпеки браузери обмежують можливості стилізації елементів з псевдокласом :visited для збереження конфіденційності користувачів.

  • Q: Як перевірити, чи працюють стилі для псевдокласу :visited?

    A: Для перевірки роботи стилів для псевдокласу :visited можна використовувати інструменти розробника браузера.

  • Q: В яких випадках варто використовувати псевдоклас :visited?

    A: Псевдоклас :visited може бути корисним для покращення користувацького досвіду на сайті, але варто дотримуватися рекомендацій щодо безпеки і конфіденційності.