Проблема со ссылками в классах.

[DNZ]

Проблема в следующем: у меня в стиле есть четыре класса. и в них используются, так сказать,взаимно противоположные цветовые схемы. цвет фона одного класса, является цветом текста другого и наоборот. три блока у меня получаются одинаковыми по цвету, а один - "противоположный". таким образом, я прописал для трёх блоков общий стиль ссылок и шрифта и моя задача прописать отдельно параметры ссылки для одного класса. только почему-то

a.content		   {color: #708090;}

в данном случае не работает.

кто знает, почему?

вот полный текст таблицы.

BODY				{
					 background-color: #2F4F4F;
					 bakground-attachment: fixed;
					 margin: 0;
					 padding: 0;
					 margin-top: 40;
					 border: 0;
					 font-size: 120%;
					 font-family: verbana, tahoma,arial;
					}

a				   {
					 color: #F0F8FF;
					 text-decoration: none;
					 }

a:hover			 {color: #2F4F4F;}
a.content		   {color: #708090;}


TABLE,TD,TR		{ background-color: #F0FFFF;
					 margin: 0;
					 padding: 0;
					 border: 0;
					}				   

.left			   {
					background-color: #778899;	   
					text-decoration: none;
					font-size: 90%;
					color: #F0F8FF;
					vertical-align: top;
					text-align: left;
					padding: 20;
					padding-bottom: 25;

					}

.topmenu			{ 
					background-color: #708090;
					vertical-align: middle;
					text-align: right;
					font-size: 90%;
					font-weight: bold;
					font-family: verbana, tahoma, arial;  
					text-decoration: none;
					color: #F0F8FF;
					margin: 0;
					padding-right: 20;
					border: 0;
					}

.top				{
					background-color: #778899;
					vertical-align: middle;
					text-align: center;
					font-size: 140%;
					font-weight: bold;
					font-family: Times New Roman;  
					color: #F0F8FF;
					margin: 0;
					padding-left: 50;
					padding-right: 50;
					border: 0;
					}

.content			{
					 vertical-align: top;
					 padding: 20;
					 padding-bottom: 25;
					 color: #778899;
					 line-height: 150%;
					 text-align: justify;
					 )

результат можно посмотреть на www.baktericyd.narod.ru

Edited July 27, 2009 by DNZ

[Boron]

Не знаю зачем нужен a:content, но попробуй поменять местами:

a:hover {color: #2F4F4F;}

a.content {color: #708090;}

на:

a.content {color: #708090;}

a:hover {color: #2F4F4F;}

Просто у меня в Opera (а может и вдругих браузерах, не проверял) a:hover должен находится ниже a и a:visited, иначе не будет действовать.

[DNZ]

Не знаю зачем нужен a:content, но попробуй поменять местами:

на:

Просто у меня в Opera (а может и вдругих браузерах, не проверял) a:hover должен находится ниже a и a:visited, иначе не будет действовать.

я смотрю в других кодах наоборот сначала стоит класс, затем селектор.

например,

.content a

дело наверное в этом

[Justnewone]

a.content:hover