CSS разные стили ссылок

:blink:
помогите, пож, я не спец в css... всю голову сломала...

задача: на странице есть три типа текста
1. крупный (название), ссылка на главную страницу
2. средний (меню), ссылки на разные разделы
3. мелкий (меню работ), ссылки на страницы представленных работ

в инете нарыла такой порядок написания стилей ссылок:

.nazv a:link { color: #E1E1E1; font-family: century gothic; arial; text-decoration: none; font-size: 24px; font-weight: bold; }
.nazv a:hover { color: #FF0000; font-family: century gothic; arial; text-decoration: underline; font-size: 24px; font-weight: bold; }

.menu a:link { color: #131313; text-decoration: none; font-size: 15px; font-weight: bold }
.menu a:visited { color: #131313; text-decoration: none; font-size: 15px; font-weight: bold }
.menu a:hover { color: #FF0000; text-decoration: underline; font-size: 15px; font-weight: bold; }

.text a:link { color: #E1E1E1; text-decoration: none; font-size: 12px; }
.text a:visited { color: #908F8F; text-decoration: none; font-size: 12px; }
.text a:hover { color: #FF0000; text-decoration: underline; font-size: 14px; }

но почему-то он не хотит срабатывать... то цвет и шрифт пропадает (становится стандартным сине-сиреневым), то на всех ссылках подчеркивание появляется (при том, что указано оно только на параметре hover), то размер шрифта меньше чем указано...
это глюк или код неверен?

Дайте пожалуйста необходимые размеры цвета и поведение ссылок при наведении, я вам напишу CSS

Шрифт 1 - century gothic, 2 - arial
три типа текста.
"название"
обычный (размер 24px, цвет #E1E1E1, толщина bold)
посещенный (без изменений)
активный (без изменений)
при наведении (цвет #FF0000)

"меню"
обычный (размер 15px, цвет #131313, толщина bold )
посещенный (без изменений)
активный (без изменений)
при наведении ( цвет #FF0000)

"меню работ"
обычный (размер 12px, цвет #E1E1E1)
посещенный (цвет #908F8F)
активный (такой же как обычный)
при наведении (размер 14px, цвет #FF0000, подчеркивание, толщина bold)

может, параметр "активный" не нужно указывать совсем...
нужно чтобы "название" и "меню", даже посещенные не меняли цвет,
а вот при наведении курсора на любую ссылку на странице, она становилась бы красной #FF0000

если получится все это прописать, буду оч благодарна...)

A.menu {
color: #131313; // Это цвет
text-decoration: none; // Поведение ссылки, если указать заместь none - underline, то при наведении она будет подчёркиваться
font-size: 15px; // Это размер шрифта
font-weight: bold // Это жирный
}

a.menu:hover { // Тоже самое только при наведении
color: #131313; // Это цвет
text-decoration: none; // Поведение ссылки, если указать заместь none - underline, то при наведении она будет подчёркиваться
font-size: 15px; // Это размер шрифта
font-weight: bold // Это жирный
}

в самой ссылке нужно указать <a CLASS="MENU" href="#">

Прошу прощения..
а чем отличается Ваш код от моего ? (в первом посте)
там как раз попытка прописать мою задачу, только почему-то не хочет срабатывать...

A.menu:hover попробуйте так!
Оно должно работать, если чтото не так работает значит вы гдето не то прописали!!! Можно просмотреть как вы указываете стиль в самих ссылках?

A.menu {

}

a.menu:hover {

}

И указывайте только эти два!

Спасибо
попробую

И ещё! Если какието ссылки стоят по умолчанию каким то цветом, то просто пишите как ссылку не присваевая стиля, а сам CSS пишите без индекса .menu

Спасибо огромное!
все получилось. )))

Всегда пожалуста!!! Рад что смог помочь

.menu a от a.menu отличается очень сильно!

.menu a означает "ссылка внутри тега класса menu" (напр., <p class="menu">Бла-бла-бла <a href="">ссылка</a>, бла-бла-бла</p> )

a.menu означает "ссылка класса menu" (напр. <a class="menu" href="">ссылка</a> )

----
Блин, замучали эти глупые смайлы, ничего со скобками написать нельзя