2013-06-10 2 views
0

У меня возникают проблемы с форматированием ссылок на HTML. У меня есть ссылка, определенная так:Проблемы с форматированием со ссылками - HTML/CSS

<a href="#a1" class="scroll type1">Some text</a> 

Как видите, ссылка имеет два класса. Класс scroll не имеет никакого форматирования: это всего лишь маркер для некоторых строк кода javascript для прокрутки страницы при нажатии ссылки. Класс type1 имеет css-форматирование. Вот оно:

a.type1:link, a.type1:visited { 
    color: #000000; 
    text-decoration: none; 
} 
a.type1:hover { 
    color: #4f8dd5; 
    text-decoration: none; 
} 
a.type1:active { 
    color: #000000; 
    text-decoration: none; 
} 

Так я ожидаю, что текст ссылки, чтобы быть черным, если пользователь не имеет над ним мышь, и в этом случае это синий.

Однако это не то, что происходит. Парения еще правильно, но это то, что я вижу без зависания:

enter image description here

По какой-то причине, форматирование в файле CSS игнорируются, и по умолчанию для ссылок используются.

Нормальное форматирование работает только в том случае, если a.type1:hover находится перед всем остальным, но тогда это форматирование не применяется при наведении указателя мыши.

+2

Работы отлично здесь - http://jsfiddle.net/gzdux/. Ваша проблема в другом месте. – lifetimes

+0

Прекрасно работает, что-то еще испортило вашу вечеринку! – lazyprogrammer

+0

Да. Проверьте наличие ошибок, таких как '' '' '' над этим фрагментом. –

ответ

1

Извините, все ... Глупая строка комментариев все испортила. Но, как и все хорошие компьютеры, я игнорировал этот комментарий. Теперь все идеально. (Черт! Я был вокруг и вокруг этого так долго, просто из-за комментария к файлу css ...)

+1

+1 за то, что у вас хватило смелости принять вашу собственную ошибку. –

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