Aplicando una clase de estilos solo a los enlaces de una determinada capa

Se trata de definir en la hoja de estilos que todos los enlaces que pertenezcan a una capa determinada deban seguir esos estilos. Con esto nos ahorramos escribir nada en el código Html de la plantilla.html, verás.

Abre bestilo-general.css y añade (sin eliminar el antiguo código de los enlaces) esto, justo al final:

..........
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}

Si guardas la hoja de estilo y haces vista previa ahora a la plantilla, verás como todos los enlaces del pie de página han tomado las nuevas propiedades sin necesidad de tocar para nada el código Html de la plantilla.html, mágico, verdad? je je

Como esas propiedades son realmente horribles, cámbialas por estas otras para que al menos sean... presentables, je je je:

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

Ahora se ven un poco mejor.

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net