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

Псевдоклассы используются в CSS чтобы применять к элементам разные процедуры форматирования. В реальности псевдоклассы используется только для ссылок.

A:псевдокласс { Параметр: Значение; }

Псевдоклассы для ссылок могут принимать следующие значения:

active – активная ссылка;
link – непосещенная ссылка;
hover – ссылка при наведенном курсоре мыши;
visited – посещенная ссылка.

Пример 1. Использование псевдоклассов




| Ссылка 1 | Ссылка 2 | Ссылка 3 |

Псевдокласс hover работает только в IE 4 и Netscape 6.

Псевдоклассы сочетаются с селекторами, что позволяет создавать ссылки с разными параметрами форматирования.

Пример 2. Ссылки разных цветов




| Ссылка 1 | class=link1>Ссылка 2 | class=link2>Ссылка 3 |

 

| Ссылка 1 | Ссылка 2 | Ссылка 3 |

В примере используется три вида ссылок. Первый тип используется на данном сайте по умолчанию, вторая ссылка – зеленая, а третья – синяя.

Данный прием позволяет создавать ссылки любых цветов и размеров для использования в разных частях документа.




Рекомендуем почитать

 

Добавить комментарий


Ваше имя:


Комментарий:


Введите: Картинка