Приветствую Вас Гость | Регистрация | Вход

Псевдоселекторы ссылок в CSS - a, link, visited, hover, active

Здесь рассказывается о том, как определить свойства ссылки в зависимости от её состояния. Например, как изменить цвет ссылки при наведении на неё курсора мыши или при клике на ней. При помощи псевдоселекторов в CSS можно задать определенный набор свойств для каждого состояния ссылки. Псевдоселектор ссылок состоит из селектора и состояния. Так, для тега a можно через двоеточие указать конкретное состояние ссылки. Причем делать это нужно в определенной последовательности. Псевдоселектор a:link отвечает за стандартное состояние ссылки и его нужно указывать в первую очередь. Для определения свойств посещенных пользователем ссылок используют запись - a:visited. Псевдоселектор a:hover включается при наведении на ссылку курсора мыши. Т.е. теперь вы легко справитесь с задачей - как изменить цвет ссылки при наведении. Изменение свойств при наведении, это, пожалуй, самый часто используемый приём. Также часто используют состояние при нажатии мышкой на ссылку, т.е. при клике. Определить значения свойств для этого состояния ссылки можно при помощи псевдоселектора a:active. Для определения свойств сразу для всех состояний ссылки, используют обычный селектор a, т.е. без указания через двоеточие конкретного состояния Видео урок «Псевдоселекторы ссылок в CSS - a, link, visited, hover, active» вы можете смотреть онлайн абсолютно бесплатно в любое время. Успехов!




Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.