ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 13.06.2024

Просмотров: 46

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Псевдоклассы

Свойство

Описание

Значения

:link

Псевдокласс :link применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление.

Синтаксис:

a:link {color:#FF0000} /* не посещенная ссылка*/ a:visited {color:#00FF00} /* посещенная ссылка */ a:hover {color:#FF00FF} /* с наведенным курсрром */ a:active {color:#0000FF} /* нажатая ссылка */

порядок важен!

:visited

Псевдокласс :visited применяется к ссылкам, уже посещенные пользователем, и задает для них стилевое оформление.

:hover

Псевдокласс :hover определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата.

:active

Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

:after

Добавляет содержание после элемента

:before

Добавляет содержание перед элементом

:first-child

Определяет стиль элементу, который является первым потомком другого элемента

:first-letter

Определяет буквицу - первую букву текста

:first-line

Определяет красную строку

:focus

Определяет стиль элемента, в котором находится курсор

:lang

Определяет язык, который используется в документе или его фрагменте. В коде HTML язык устанавливается через параметр charset тега <META>. В XML для этой цели применяется xml:lang.

С помощью псевдокласса :lang можно задавать определенные настройки, характерные для разных языков, например, вид кавычек в цитатах.

Синтаксис

элемент:lang(<язык>) { ... }

Значения

В качестве языка могут выступать следующие значения: ru — русский; en — английский ; de — немецкий; fr — французский; it — итальянский и др.