Considere o seguinte códigoHTML:

<span class='c1'>Home<sup id='id1'>[2]</sup></span>

CSS:

.c1
{
    text-decoration:underline;
}
#id1
{
    text-decoration:none !important;
}

Agora eu esperavaHome para sublinhar enquanto o sobrescrito[2] não tem o sublinhado. Mas acontece que o sobrescrito também está recebendo o sublinhado. O que estou perdendo aqui?

http: //jsfiddle.net/sasidhar/DTpEa