Link

Harris · #1 (**permalink**) 03/08/2007, 04:24

Buenas tengo el siguiente código en css y html:

Código HTML:

#cabecera_menu a {
	color:#FFFFFF;
}
.cabecera_menu_texto_negro {
	color:#000000;
}

<div id="cabecera_menu">
<a href="#" title="" class="cabecera_menu_texto_negro">Enlace</a>
</div>

El problema es que el texto se muestra en blanco (FFFFFF) y no puedo modificar el #cabecera_menu a. Cómo debo hacerlo.

Muchas gracias chic@s

damianx · #2 (**permalink**) 03/08/2007, 20:13

puedes usar "!important", aunque no es muy prolijo, funciona....

Código:

<style>
#cabecera_menu a {
	color:#FFFFFF;
}
a.cabecera_menu_texto_negro {
	color:#000000!important;
}
</style>
<div id="cabecera_menu">
<a href="#" title="" class="cabecera_menu_texto_negro">Enlace</a>
</div>

k4k4 · #3 (**permalink**) 05/08/2007, 08:28

Hola,

me parece que es por la especificidad de los selectores. Creo que con esto se resuelve:

Código:

#cabecera_menu .cabecera_menu_texto_negro {
	color:#000000;
}

Saludos.

Harris · #4 (**permalink**) 06/08/2007, 07:40

Perfecto, gracias chicos