A:hover

[Syltan]

Не срабатывает, что делать?

/*Цвет ссылки при наведении на неё мышки*/
A.paster2:hover{color:#993300; font-style:italic; /*Курсив*/
 font-size:15pt; letter-spacing: 5px;/*Расст.между буквами*/
}

А вот такоое работает:

A.paster1:active{background:yellow; color:magenta; font-size:15pt;}

Почему?

Пробую вот так применять, но не срабатывает, мне нужно применить 2 класса к одной ссылке.
<span class="paster2">
<a class="paster1" href="#part4">Переход к говядине</a></span>

[SkyM@n]

Сообщение от Syltan

Пробую вот так применять, но не срабатывает, мне нужно применить 2 класса к одной ссылке.

Не совсем понял, как работает, а как нет, но два класса можно поставить вот так:
HTML:
<a class="class1 class2" href="#">Link</a>
Чтоб сделает hover, нужно написать так:
CSS:
.class1:hover{background:yellow}

[Syltan]

Да, спасибо.

[Syltan]

Ещё проблемма возникла. В тех местах кода где встречается тег А, происходит распространение свойств общих.Я мею ввиду.

A:hover{........}
A:active{........}

Создал 2 класса, и пробую отменить эти свойства для этого места кода.

A.otmena1:active{color:#811285; font-weight:bold;}
A.otmena2:hover{color:#811285; font-weight:bold;}

А в коде который является якорем на который ссылатся
прописую вот такое дабы отменить, то что передалось от общего тега которого прописал в свойствах CSS, но эта отмена не срабатывает., что делать?

<a class="otmena1 otmena2" name="part1">Жить по правде</a>

[uberchel]

Зачем все усложнять?

Вот да пустим пишите для меню

<style type="text/css">
//Общий стиль
a:link {text-decoration:none; color:#232323;}
a:active {text-decoration:none; color:#232323;}
a:visited {text-decoration:none; color:#232323;}
a:hover {text-decoration:underline; color:#666DDD;}

//стиль для якорного текста класса Menu 1
.Menu a:link {text-decoration:none; color:#454545;}
.Menu a:active {text-decoration:none; color:#454545;}
.Menu a:visited {text-decoration:none; color:#454545;}
.Menu a:hover {text-decoration:underline; color:#FFF200;}

//стиль для якорного текста класса Menu 2
a.Menu1:link {text-decoration:none; color:#676767;}
a.Menu1:active {text-decoration:none; color:#676767;}
a.Menu1:visited {text-decoration:none; color:#676767;}
a.Menu1:hover {text-decoration:underline; color:#CC0000;}
</style>

<a href="">Бла бла бла</a>
<br>
<div class="Menu">
<a href="">Бла бла бла</a>
</div>
<a class="Menu1" href="">Бла бла бла</a>

[Syltan]

В такой последоовательности всё должно быть?

link
active
visited
hover

Или так должно быть?

link
visited
hover
active

[uberchel]

Последовательность не важна.

[Syltan]

Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым.
Пишу такое.
Файл css:

A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/
color:blue;
}
A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/

A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline;
font-style:normal; font-weight:bold;
letter-spacing:2px; font-size:11pt;}

A.menu3:hover{color:red; text-decoration:underline;}

A.menu5:active{color:yellow; background:red;}

фАйл HTML

<a class="menu1 menu2 menu3 menu4 menu5 "  href="#ona">Перейти в низ</a> 

<a name="ona">Текст</a>

[uberchel]

Незачем делать на каждое действие разный класс и разным цветам "текст и подчеркивание" сделать нельзя, так что надо использовать border

A.menu:link{text-decoration:none; color:99ffff;}
A.menu:visited{ext-decoration:none; color:c00;} 
A.menu:hover{background:#99ffff;text-decoration:none;font-weight:bold;
                    letter-spacing:2px;font-size:11pt; border-bottom:1px solid#000;}
A.menu:active{color:cc0; background:c00;}