CSS :link директива

определение и использование

CSS :link директивы используются для выбора и установки стилей для не посещенных ссылок.

注意::link директивы не устанавливают стиль для посещенных ссылок.

подсказка:используя :visited установите стиль ссылки для посещенной страницы, используя :hover установите стиль ссылки при наведении мыши, используя :active установите стиль ссылки при нажатии.

注意:в определениях CSS::link должны быть放在 :hover(!exist) до этого не будет работать!

пример

пример 1

выберите и установите стили для не посещенных ссылок:

a:link {
  background-color: yellow;
}

попробуйте сами

пример 2

выберите и установите стили для не посещенных, посещенных, наведенных и активных ссылок:

/* не посещенная ссылка */
a:link {
  color: green;
}
/* посещенная ссылка */
a:visited {
  color: green;
}
/* ссылка при наведении мыши */
a:hover {
  color: red;
}
/* активная ссылка */
a:active {
  color: yellow;
}

попробуйте сами

пример 3

установите различные стили для ссылок:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

попробуйте сами

CSS грамматика

:link {
  css определения;
}

Технические детали

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот директиву.

связанные страницы

Учебник:CSS ссылки

Учебник:CSS директивы