Ruta del CSS junto html

[ArturoGallegos]

es que tu problema es que no has captado que no se debe anidar así...

si colocas

Código CSS:

a{color:#fe0;
link{...}
}
 

es incorrecto

debes aplicar

Código CSS:

a{...} /* regla general afecta al link en todos sus estados*/
/* de forma independiente */
a:link{...}
a:active{...}
a:visite{...}
a:hover{...}
 

notese que cada uno de los estados habré y cierra de forma independiente, no se puede meter uno dentro de otro como lo has hecho en tu código de ejemplo inicial

a {

a:link {text-decoration:none; color: lime;} /* Link no visitado*/
a:visited {text-decoration:none; color:#99CC66} /*Link visitado*/
a:active {text-decoration:none; color:#99FF00; background:#EEEEEE} /*Link activo*/
a:hover {text-decoration:underline; color:#99FF00; background: #EEEEEE} /*Mouse sobre el link*/

}

si retiras el código que marco en rojo veras que funciona todo correctamente

aunque si queremos optimizar tu codigo lo ideal es

Código CSS:

a{text-decoration:none;color:#0f0;}
a:visited{color:#9c6;}
a:active{color:#9f0;background:#eee;}
a:hover{color:#9fc;background:#eee;}