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

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.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

Опис

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

Синтаксис

a:link { ... }

Значення

Немає.

Приклад

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>посилання</title>
  <style>
   a:link {
    color: #0000d0; /* Колір посилань */
   }
   a:visited {
    color: #900060; /* Колір відвіданих посилань */
   }
  </style>
 </head>
 <body>
   <p><a href="task2.html">Визначити вагу нестандартного вантажу (камінь)</a></p> 
   <p>Надається: стіл, палиця, мотузка, безмен з обмеженням по вазі.</p>
 </body>
</html>

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

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

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

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

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

  • Q: Де можна використовувати псевдоклас :link в CSS?

    A: Псевдоклас :link можна використовувати в CSS-стилях для задання стилів посилань в документі.

  • Q: Чи обов'язково використовувати псевдоклас :link для стилізації посилань?

    A: Використання псевдокласу :link є необов'язковим для стилізації посилань, оскільки по замовчуванню браузери надають їм певний стиль.

  • Q: Як відмінити стиль, заданий псевдокласом :link?

    A: Для скасування стилю, заданого псевдокласом :link, можна використати псевдоклас :visited.

  • Q: Чи можна задавати різні стилі для посилань, які вже були відвідані і не відвідані?

    A: Так, можна задавати різні стилі для посилань, які вже були відвідані (псевдоклас :visited) і не відвідані (псевдоклас :link).