Estoy intentando crear un estilo diferente para uno de los links de un menú vertical pero no doy con la solución. He probado con diferentes combinaciones pero nada...
Este es el estilo que estoy dando al menú en general:
#menu_principal {
font-size: 11px;
width: 220px;
margin: 0px;
height: 15px;
}
#menu_principal .sinlink {
color: #DA0D1E;
padding: 8px 0 0 10px;
background-image: url(ajax/imagenes/nada.gif);
background-position: 0 -32px;
}
#menu_principal li a {
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}
#menu_principal li a:link, #menu_principal li a:visited {
color: #999999;
display: block;
background-image: url(ajax/imagenes/nada.gif);
padding: 8px 0 0 10px;
font-weight: bold;
font-style: normal;
}
#menu_principal li a:hover {
color: #666666;
padding: 8px 0 0 10px;
background-image: url(ajax/imagenes/nada.gif);
background-position: 0 -32px;
}
y ahora quiero aplicar un estilo diferente a uno de los links del menú para ello creo otro estilo llamado ".sub" He probado a poner el .sub en muchas posiciones pero no lo coge en ninguna. Pongo de muestra una de ellas. Ya no se donde ponerlo
--------------------------------
#menu_principal li .sub a
#menu_principal li a .sub
#menu_principal .sub li a
--------------------------------
#menu_principal .sub {
color: #000000;
background-image: url(ajax/imagenes/nada.gif);
}
#menu_principal li .sub a {
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}
#menu_principal li .sub a:link , #menu_principal li .sub a:visited {
color: #000000;
display: block;
background-image: url(ajax/imagenes/nada.gif);
padding: 8px 0 0 10px;
font-weight: bold;
font-style: normal;
}
un saludo y gracias
