a: посещенные ссылки не соответствуют правилам CSS

Это проблема, с которой я столкнулся уже довольно давно. По некоторым причинам правила CSS для моих ссылок не работают должным образом. Насколько я могу судить, при использовании инструментов Inspect Element от Chrome или FireBug ссылки выглядят корректно, но отображаются ненадлежащим образом. Я добавил отдельные классы для создания отдельных стилей ссылок и даже попытался отделить: visited, и это устранило основную проблему для каждого класса, но обычный тег по-прежнему отображает посещенные ссылки неправильного цвета. CSS для моих ссылок был ниже.a: посещенные ссылки не соответствуют правилам CSS

a:link, a:hover, a:active 
    { 
     text-decoration: none; 
     color: #FF8C00; 
     background-color: transparent; 
    } 
    a:visited 
    { 
     text-decoration: none; 
     color: #FF8C00; 
     background-color: transparent !important; 
    } 
    a.search:link, a.search:visited, a.search:hover, a.search:active 
    { 
     font-family: helvetica-light; 
     font-size: 19px; 
     color: #999; 
     text-decoration: none; 
     background-color: transparent; 
    } 
    a.nav:link, a.nav:visited, a.nav:active, a.nav:hover 
    { 
     text-decoration: none; 
     color: #E3E3E3; 
     font-family: helvetica-light; 
     font-size: 20px; 
     background-color: transparent; 
    }

По какой-то причине, даже если: ссылка/и т.д. имеет «цвета: # FF8C00» они появляются как черный или темно-серый цвет при посещении. Активные, ссылки и зависание работают нормально. Весь HTML-код указан как <a href="url">stuff</a>

источник

2011-09-13 Fluffy

Пожалуйста, разместите соответствующий HTML-код –

Ваш css, похоже, работает, так как я понимаю вопрос. Я действительно изменил посещенный цвет на красный, но когда я нажимаю на обычную ссылку, он становится красным. http://jsfiddle.net/kTGMc/ (Вы должны открыть ссылку jsfiddle на новой вкладке, чтобы увидеть результаты.) – BNL

Ed, HTML, который является нарушением, является стандартным тегом '' ('stuff'). Ссылка BNL на jsfiddle показывает ту же проблему. Я не уверен, что объявление a.class для ссылки, наведения, посещения и активности нарушает обычный тег ссылки, но если я не буду определять класс для ссылки, он будет отображать неправильный цвет при его посещении. – Fluffy

Наконец я нашел решение своей проблемы. Сначала я скопировал элементы моего CSS из более старого проекта, над которым я работал. Каким-то образом объявление «a: visted» оказалось встроенным в объявление ID и не нарушало CSS, но вызвало неправильное отображение ссылок.

источник

2011-09-26 13:39:34 Fluffy

Вы пытались сменить;

color: #999;

В,

color: #999 !important;

Это скажет CSS парсер, чтобы перезаписать цвет # FF8C00 на # 999.
Изменение порядка блоков CSS также может дать ожидаемый результат.

Иногда получение желаемого вида может потребовать проб и ошибок. :)

источник

2011-09-13 17:27:47

! Важным является костыль за неправильные стили. Почти всегда есть лучший ответ. – BNL

Я бы хотел избежать использования читов CSS, особенно когда вы назначаете классы. Я не хочу, чтобы мои теги '' принимали свойства классов, что будет, когда я буду использовать! Important; – Fluffy

Несколько вещей, которые вы могли бы попробовать

очистить кэш браузера
Убедитесь, что никакие другие файлы CSS не называют
Перейти к сайту проверки W3C HTML

источник

2011-09-13 17:29:50 Decrypter

a: посещенные ссылки не соответствуют правилам CSS

ответ

Смежные вопросы