CSS/Гиперссылки

Материал из Викиучебника — открытых книг для открытого мира
< CSS
Перейти к навигации Перейти к поиску

Селектор a предназначен для ссылок.

Существуют 5 псевдо-классов, которые обычно используются с этим селектором: :link, :visited, :hover, :active и :focus.

  1. a:link — стиль для непосещённых ссылок
  2. a:visited — стиль для посещённых ссылок
  3. a:hover — стиль для ссылок при наведении на них курсора мыши
  4. a:active — стиль для активных ссылок, то есть при нажатии мышкой на них
  5. a:focus — стиль для ссылок при получении фокуса

Первые два псевдо-класса применяются только для ссылок, а остальные могут применяться и с другими элементами.

Например, псевдо-класс :focus также может применяться для элементов input, select и textarea.

В Internet Explorer 6 псевдо-класс :hover работает только для ссылок.

Пример:

a:link {
    color: black;
    background: gray;
}
a:visited {
    color: black;
    background: red;
}
a:hover {
    color: green;
}
a:active {
    color: pink;
}