CSS/Гиперссылки: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
< CSS
Содержимое удалено Содержимое добавлено
Нет описания правки
Internet Explorer
Строка 13: Строка 13:
Например, псевдо-класс :focus также может применяться для элементов input, select и textarea.
Например, псевдо-класс :focus также может применяться для элементов input, select и textarea.


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


Пример:
Пример:

Версия от 06:50, 5 мая 2018

Селектор 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;
}