Стили посещенных ссылок #
Зачеркнутая ссылка:
С добавлением картинки:
С добавлением картинки и подмены картинки при наведении на посещенную ссылку:
Дальше идут методы с использование псевдоэлементов
К посещенной ссылке добавляется текст:
При наведении на посещенную ссылку появляется новый текст:
a:visited { text-decoration: line-through; }
С добавлением картинки:
a:visited { padding-right: 12px; background: url(visitedLink.gif) no-repeat 100% 50%; }
С добавлением картинки и подмены картинки при наведении на посещенную ссылку:
a:visited { padding-right: 12px; background: url(visitedLink.gif) no-repeat 100% 50%; color: #aaa; text-decoration: none; }
a:visited:hover { background-image: url(visitedHoverLink.gif); color: #f00; }
a:visited:hover { background-image: url(visitedHoverLink.gif); color: #f00; }
Дальше идут методы с использование псевдоэлементов
К посещенной ссылке добавляется текст:
a:visited:before { content: "(you've visited this link already) "; }
При наведении на посещенную ссылку появляется новый текст:
a:visited:after { content: " (ok)"; font-size: 60%; text-transform: uppercase; color: #777; }
a:visited:hover:after { content: " (hey! you've already been there!)"; font-size: 80%; text-transform: uppercase; color: #f00; }
a:visited:hover:after { content: " (hey! you've already been there!)"; font-size: 80%; text-transform: uppercase; color: #f00; }
