CSS для Чайников

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

Псевдоклассы – это атрибуты, назначаемые селекторам для определения состояния или реакции элементов. Их структура:

selector:pseudo-class {
    property: value;
}
    

Примеры для ссылок

a.snowman:link {
    color: blue;
}

a.snowman:visited {
    color: purple;
}

a.snowman:active {
    color: red;
}

a.snowman:hover {
    text-decoration: none;
    color: blue;
    background-color: yellow;
}
    

Рекомендуется использовать разные цвета для посещенных и непосещенных ссылок, хотя современные пользователи меньше ожидают этого.

Псевдокласс :hover для других элементов

:hover можно применять не только к ссылкам, но и к другим элементам для создания визуальных эффектов. Учтите, что Internet Explorer ограниченно поддерживает этот метод.

← Внешние таблицы стилей | Сокращение свойств →