Jerarquías CSS

[marcvilap]

Buenas compañeros,

tengo una duda, a ver si alguién puede ayudarme.

tengo el siguiente:

<ul>
<li><a class='selected' href=#>Home</a></li>
<li><a href=#>Pagina 1</a></li>
<li><a href=#>Pagina 2</a></li>
<li><a href=#>Pagina 3</a></li>
</ul>

Y quiero que los <a> de Página 1, Página 2 y Página 3 el valor del font-size sea uno y el de la home (class selected) sea otro.

mi primera opción era poner

ul li a{ font-size: el que sea}
.class {font-size:otro}

Pero por jerarquía no me deja. Hay alguna manera de hacer esto que no sea añadir a las otras páginas una clase por elemplo 'noselected' ??

Muchas gracias!

[pzin]

No sé si ha sido un error al copiar y pegar, pero no debería de ser .class{loquesea} sino .selected{loquesea}

En principio así debería de funcionar sin mayor problema como puedes ver.