CSS: Apply two a:hover style in single page

[webster5u]

Hi, i need apply two different hyperlink:hover style cause by different background color.

what i do is, i put css external link as

a:hover.paging
{
	color: #cc0000; text-decoration: none;
}

css style as

<style type="text/css">

	A 		{color: #000099; text-decoration: none; }
	A:hover {color: #FFFFFF; text-decoration: none; }
		
</style>

HTML code is

<TR>
<TD>
<a class="paging" > ....
</TD>
<TR>

It is ignore paging class. who's know what's wrong is it?

[Dormilich]

this is cascading. since the inline declaration has precedence over the external file (see CSS cascade) the .paging's declarations are overwritten.

EDIT: if you have FireBug (Firefox Addon) you can see which styles are applied and which are overwritten in the Style section