Добрый день! У меня такая проблемка. На странице у меня меню (ссылки) на тёмном фоне белым шрифтом.  В css я прописал a:hover{color:blue} Всё было бы замечательно, если бы на этой же странице у меня небыло других ссылок. А они у меня на белом фоне. Следовательно, при наведении они становятся тоже голубые и их плохо видно. Пробовал использовать классы, но у меня почему-то не работают. Может поможете? Делать картинки с надписями меню тоже не хочется. Может можно как-то поставить запрет на изменение при наведении и т.д. на определнный текст?
Подскажите плиз, как лучше сделать, желательно с кодом.
Заранее огромнейшее спасибо!

Можно задать id (например XXX)ссылкам которые должны менять цвет таким образом и в css оращаться к ним так a#XXX :hover{color:blue}
вот пример:

Таким образом свой цвет на голубой бедет изменять только ссылка1

Огромное спасибо!

Вообще странно, что классы не работают, id можно использовать только один раз, поэтому, если ссылка не одна, то нужно будет прописывать несколько разных id каждой ссылке.

Зачем, ведь всё что можно задать через class так же можно задать и через id?
Да и вообще  Iktash в чём проблема, оформить ссылку как надо можно сотней способов - это не проблема   

Это сообщение отредактировал(а) IBS - 3.8.2008, 15:39

да я не спорю, просто с классами меньше кода, мне кажется  

может дадите пример как это сдеать через class?  А то я может не правильно делаю
Спасибо!

id - это уникальный идентификатор, каждый отдельный идентификатор может соответствовать только одному элементу на странице (собственно поэтому он и уникальный).
class - можно использовать с несколькими элементами (и не обязательно однотипными) одно и то же значение. И следовательно "одним махом" изменить свойства у нескольких эелементов, а не только у одного, как в случае с id.

через класс

Не могу понять почему в опере некорректно работает класс ссылок showbiz, остальное работает правильно.

}
A:link, A:visited {text-decoration:underline; color: #ffcc66;}
A:hover, A:active {text-decoration:none; color: #ffcc66;

}
A.photo:link, A.photo:active, A.photo:visited { 
    text-decoration: underline; font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color:#fff; 
}


A:showbiz:link, A.showbiz:visited, A.showbiz:active { 
text-decoration: underline; 
font-family: Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #cc9966; 
}

A.showbiz:hover { text-decoration:none; color: #cc9966; }

A:showbiz:link, 

ничего не замечаешь?


кстати, здесь можно было обойтись и без :link, :visited, :hover

A:showbiz - не должно быть двоеточия, только точка межту именем элемента и наименованием класса.
Сорри, bars80080 уже ответил.  

Это сообщение отредактировал(а) webster - 4.8.2008, 23:33

а с новыми версиями всё больше не будет работать  Уж очень требовательна она становится к валидности