Блог

Главная - Вопросы по программированию - Почему a: активный псевдокласс не работает

Почему a: активный псевдокласс не работает

#css #css-selectors #pseudo-class

#css #css-селекторы #псевдокласс

Вопрос:

Я использую css для какого-то сайта. Я заметил, что определение стиля a: active в моем файле css вообще не работает. Кто-то сказал мне, что я должен поместить определения в таком порядке 

 a:link {...}
a:visited {...}
a:hover {...}
a:active {...}

Я сделал это, но это все еще не работает. Пожалуйста, кто-нибудь может сказать мне, почему это не работает, и возможный обходной путь. Спасибо

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

1. В каких браузерах и какой у вас css для ссылки (подсказка, что ссылка на jsfiddle была бы полезна)?

2. Мы не можем вам сказать, потому что мы не браузер. Покажите ваш HTML, покажите ваш фактический CSS. Предоставьте ссылку, которую мы можем использовать для тестирования или отладки вашей проблемы.

3. Вам нужно предоставить код, а не просто отредактировать заголовок.

Ответ №1:

Вот рабочий пример:

http://jsfiddle.net/BMHUz/

Нажмите и удерживайте тег привязки, и вы увидите, что он становится оранжевым.

Ответ №2:

a: просто оставайтесь активным в течение нескольких миллисекунд, пока вы нажимаете на ссылку.

Могу я спросить, что вы ожидаете увидеть? Если вы хотите, чтобы ссылка была другого цвета, если вы находитесь на этой странице, a: active предназначен не для этого

Ответ №3:

Если вы хотите, чтобы ссылка имела другой стиль, если вы находитесь на этой странице, то вам нужно использовать jquery или javascript для изменения стиля активной ссылки.

jquery

 $('a[href="'   window.location.href   '"]').addClass('active');

CSS

 a.active{
    /* your CSS for active link */
}

Ответ №4:

Поместите !important в свойство, если оно уже определено для привязки.

 a {
    color: white;
}

a:active {
    color: black !important;
}