Подскажите, где глюк со стилем (цвета ссылок)
289 сообщений
#17 лет назад
Не совсем понимаю, где поправить.Да и вообще, обычно работает нормально.
Вот код:
a.oform:link
{
font-weight: normal;
color: Gray;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
a.oform:hover
{
font-weight: normal;
color: Red;
text-decoration: none;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
a.oform:visited
{
font-weight: normal;
color: Gray;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
По сути, при наведении ссылка должна становиться красной. А она становится красной только при условии, что по ссылке раньше не заходили. Как поправить?
Спасибо.
170 сообщений
#17 лет назад
Положение линк после ховера или визитед после ховера - имеет значение.нужный порядок:
a:link
a:visited
a:hover
a:active
170 сообщений
#17 лет назад
Sir_Michael, я удивлен.Цитата:
Remember “LoVe/HAte” linking.
When specifying link pseudo-classes, always do so in this order: Link, Visited, Hover, Active. Any other order won’t work consistently. Consider using :focus as well, and modify the order to LVHFA (or “Lord Vader's Handle Formerly Anakin”, as suggested by Matt Haughey)
транслейт:
Цитата:
Помните о порядке описания ссылок.
Задавая псевдоклассы для ссылок, делайте это всегда вот в таком порядке: Link, Visited, Hover, Active (запомните этот порядок с помощью слов "LoVe/HAte". Любые другие комбинации не работают так, как надо. Если требуется использовать также и псевдокласс :focus, то порядок описания будет таким: Link, Visited, Hover, Focus, Active (LVHFA для запоминания чего Мэтт Холи придумал фразу "Lord Vader's Handle Formerly Anakin"
2195 сообщений
#17 лет назад
Поймали - не знал. Пост вверху удалю, дабы не позориться 
Но из принципа дополню - т.к. :link и записи вида a.oform я никогда не использую (и не советую), то в описанном порядке нет нужды - это требуетстя только если описан :link.
то есть конструкция вида
.oform a
{
font-weight: normal;
color: Gray;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
.oform a:hover
{
font-weight: normal;
color: Red;
text-decoration: none;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
.oform a.visited
{
font-weight: normal;
color: Gray;
font-size: 10px;
font-family : Verdana, Tahoma, sans-serif;
}
...
<div class="oform">
...
<a href="url">link</a>
...
</div>
будет отлично работать, что всем и рекомендую.
390 сообщений
#17 лет назад
Цитата ("slayinc"):положение линк после ховера или визитед после ховера - имеет значение.
нужный порядок:a:link
a:visited
a:hover
a:active
+1
2195 сообщений