CSS selector a:link

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

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

Синтаксис

:link {


    css declarations;


}

Переглядачі

Переглядач
link

4.0

7.0

2.0

3.1

9.6


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


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

Приклади


Якщо ви ще не клікали по посиланню, то воно буде жовтого кольору.

a:link { 


    background-color: yellow;


}

Найпростіший приклад використання CSS селектора link

/* unvisited link */


a:link {


    color: green;


}





/* visited link */


a:visited {


    color: green;


}





/* mouse over link */


a:hover {


    color: red;


}





/* selected link */


a:active {


    color: yellow;


}