I'm new to CSS.

I want to have some links have a 'visited' state and other links to not have a 'visited' state. I want some 'static' links to have a 'smaller' size. How do I combine the 2 without redefining a whole new class?

For instance, I have:

A{COLOR:#000099;FONT-FAMILY:verdana,arial,helvetica;FONT-SIZE:10pt;TEXT-DECORATION:none}
A:hover{COLOR:#990000;}
A:visited{color:#663366;}
A:active{color:#990000;}

In some cases, I want a smaller font size:

A.smaller{FONT-SIZE:8pt}

Then in other cases, I want a smaller font size and a non-visited state:

A.static:visited{COLOR:#000099;}

I want some 'static' links to have a 'smaller' size. How do I combine the 2 without redefining a whole new class?

Thanks in advance.