Porque se aplican unos css que no coinciden con su nombre de class

[IMAC/]

Buenas

En archivos separados los menús, fondos y demás me funcionaban a la perfección.

Al ir ajuntar todo el código html en un mismo archivo y añadiendo los css correspondientes la cosa dejo de ir tan bien :)

Miré con el FireBug que podía estar pasando y vi que a un menú con el class="pepe" se le aplicaban estilos de otros class que no tenían nada que ver con .pepe

¿por qué pasa esto? ¿hay algún modo de solucionarlo que no sea añadir todos los estilos a la clase pepe que se le aplican fuera de su class pero con otros valores?

Si no me he expresado bien me lo decís y concreto un pelín más :)
Gracias.

[Aresillo]

La única explicación que veo es que se apliquen genéricos en alguna clases y te cambie el asunto...
Me explico, si has puesto:
body {
margin:10px;
}
Y luego el menú no le has puesto el margin y no estaba reseteado pues en el menú te aplicará lo que ponía en body...

De todas formas, en el firebug, te pone todos los estilos que le afectan a un elemento del html... así que puedes atacarlo por ahí...

Y eso de hacer las cosas por separado y luego unir no es muy buena práctica...

Un saludo!!

Aresillo!!

[IMAC/]

No se trata de estilos genéricos.

Por ejemplo, si no he puesto un border en una clase para un menú y en otro lo he puesto, se me pone en los 2, en uno porque lo tiene su clase, y en otro no se por qué, ¿por que no tiene definido el atributo borde?

[IMAC/]

Vale, creo que ya se por donde van los tiros...

Como se hace para que este estilo esté aplicado a lu a li,
¿asi?

.bordeMenuR ul, li {
border:solid #000000;
border-width: 1px 0 0 0 ;
padding: 0 0 0 6px;
}

o así:

.bordeMenuR ul li {
border:solid #000000;
border-width: 1px 0 0 0 ;
padding: 0 0 0 6px;
}

[shurshok]

asi:

.bordeMenuR ul li {
border:solid #000000;
border-width: 1px 0 0 0 ;
padding: 0 0 0 6px;
}