CSS selector a:link

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

Примітка: за допомогою селектора :link Ви не зможете задати стиль посилання, за яким Ви вже переходили. Порада: Використовуйте селектор :visited для задання стилю вже відвідуваних посилань, селектор :hover для задання стилю посилання, коли на нього наведений курсор, а також селектор :active для задання стилю посилання, при натисканні на нього.

правити

+ додати пораду чи нотатку

Синтаксис

:link {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
link	4.0	2.0	3.1	9.6	7.0

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p><a href="#">Невідвідане посилання</a> — зелене.
Наведи курсор — почервоніє, натисни й утримуй — пожовтіє.</p>

/* невідвідане посилання */
a:link {
    color: green;
}

/* відвідане посилання */
a:visited {
    color: darkgreen;
}

/* під курсором */
a:hover {
    color: red;
}

/* у момент натискання */
a:active {
    color: yellow;
}

<p><a href="#nikoly-ne-vidvidane">Невідвідане посилання — жовте</a></p>

a:link {
    background-color: yellow;
}