использование: hover для изменения цвета изображения

Question

В следующем примере при наведении курсора мыши на каждую ссылку изменяется изображение:

http://www.prism.gatech.edu/~dm257/sprite.html

Хитрость заключается в следующей строке кода:

#home a:hover {
  background: transparent url('sprite.png') 0px -37px no-repeat;
}

Селектор a: hover устанавливает фон для зеленой части sprite.png.

Могу ли я сделать то же самое с a: visit?Сделать значок зеленым после того, как пользователь щелкнул по нему?

Я изменил: hover на a: посещено, и ничего не происходит.

Answer 1

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

https://developer.mozilla.org/En/CSS/%3Avisited:

Начиная с Firefox 4, основные ограничения для стилейВы можете подать заявку с помощью этого селектора были введены.Для получения дополнительной информации об ограничениях и их мотивации см. Конфиденциальность и селектор посещений .Те же ограничения были приняты другими браузерами, включая Safari 5 / 4.1 и Chrome 6.

Answer 2

вы можете выполнить с помощью этого плагина - Плагин для посещенных ссылок

Скачать JS: jQuery.visited.js

См. Нижесвязанные строки:

• установить: посещенный стиль с помощью javascript или jquery
• Настройка правил псевдокласса CSS из JavaScript

Answer 3

Вы абсолютно можете.Конечно, состояние :visited будет видно только при следующей загрузке страницы.Браузеры могут определить, был ли ранее доступ к странице через информацию заголовка.

Вот jsFiddle, который демонстрирует правильный порядок объявления с полезными комментариями:

• http://jsfiddle.net/fmYdD/4/