tipos texto style parrafo letra estilos ejemplos como color colocar cambiar css

texto - style color de letra css



Cambio del color de la fuente de<a> contenido dentro de<li>, pero al pasar sobre<li> (2)

La forma en que funciona en IE6 es seguir apuntando al enlace, pero hacer que el enlace llene todo el espacio dentro de <li> :

li a { display: block; } li a:hover { background-color: green; }

Tengo un <li> que contiene un <a href>

<li><a href="http://site.com">Page</a></li>

Me gustaría cambiar el color de fondo y el color del texto de cada elemento <li> medida que se desplaza. Descubrí que el color de fondo se cambia mejor al apuntar a li:hover y no a a:hover porque a:hover cambia el fondo de solo una pequeña parte de la línea (la parte que tiene el texto <a> ).

li:hover { background-color:green; }

Lo que también me gustaría hacer es cambiar el color de la fuente (que es el <a> ). Cuando lo hago de la primera manera a continuación, no tiene efecto en el color de texto <a> . Y cuando lo haga de la segunda manera a continuación, tendré que desplazarme específicamente en <a> para que cambie el color de la fuente, no solo en ninguna parte de la línea de viñetas <li> .

li:hover { background-color:green; color:red; } //first way a:hover { color:red; } //second way

¿Hay alguna manera con css para cambiar el color de fuente de la contenida <a href> cuando el <li> está sobre? De nuevo, este es el aspecto del marcado html:

<li><a href="http://site.com">Page</a></li>