Синтаксис у таблиці стилів:
| Селектор: псевдоклас {Правила стилю} |
Псевдокласи для тегу <a> задають формат гіперпосилання залежно від його стану.
Існують наступні псевдокласи:
При задання кількох псевдокласів порядок їх визначень у таблиці стилів повинен бути обов’язково таким: link, visited, hover, active
Таблиця стилів вбудована у документ і містить стилі для кожного з псевдокласів (зміна кольору тексту).
При таких стилях невідвідане посилання буде жовтого кольору
Тоді відвідане посилання буде оранжевого кольору
Тоді колір посилання при наведенні на нього курсору миші зміниться на зелений
Тоді колір посилання при натиснутій лівій кнопці миші зміниться на червоний
Нехай у деякому документі потрібно зробити два види посилань: звичайні та з іншими властивостями. Зрозуміло, що для посилань з нестандартними властивостями потрібно організувати клас. Назвемо цей клас r.
При одночасному використанні класу і псевдокласу спочатку вказують ім’я тегу a, потім крапка і ім’я класу, потім двокрапка і ім’я псевдокласу.
Таблиця стилів вбудована у документ і містить стилі для кожного з псевдокласів класу r (зміна кольору тексту).
Тоді невідвідане звичайне посилання буде синього кольору, а посилання класу r буде жовтого кольору
Тоді відвідане звичайне посилання буде фіолетового кольору, а посилання класу r буде оранжевого кольору
При наведенні курсору миші для звичайного посилання його колір не змінюється. При наведенні курсору миші на посилання класу r його колір змінюється на зелений.
