[SOLUCIONADO] Prioridades CSS

[maurikius1983]

Hola a todos, me esta pasando algo curioso, tengo un menú, en el que el tamaño de la fuente es de .75em. Y en el body la fuente es de tamaño 1em; el caso es que he tenido que reducir el tamaño del body a .9em, ya que el estilo de la fuente es un poco grande y me ha reducido la fuente del menú, el caso es que el menú sobrescribe font-size y le asigna .75em. el caso es que ahora el tamaño es algo intermedio.

Sabeis porque puede ser, por cierto los estilos del menu se declaran despues de los del body, y el body no se vuelve a sobrescribir.

un saludo

[BeikerxD]

Las medidas em son relativas a otros valores, como estableces .9em en el body el menu te hereda ese valor calculado por el navegador y por ese motivo la fuente se te hace mas pequeña... solo deberias de aumentar ese .75em a .85em o 90em... Tambien puedes establecer el tamaño de fuentes en pixeles para trabajar mejor con tus medidas relativas

[maurikius1983]

Entendía que era algo de herencia, pero creía que era la medida rem la que dependía del navegador, no obstante al saber el motivo ya lo controlo, una pregunta ¿que es mas recomendable em, rem, pt, px...?

[BeikerxD]

En muchos sitios apoyan enormemente a em y rem por su valor relativo ya que es mas factible aplicarlo por ejemplo a sitios adaptables a los dispositivos sin estar peleando con las medidas absolutas como px, pt... Yo a lo personal uso em y rem junto con px para tener mas control en la herencia y la aplicacion de rellenos, tipo asi:

Código CSS:

body {
  font-size: 14px;
}
 
.hereda {
  padding: 2em; /*Esto es igual a 28 px el doble del tamaño de la fuente*/
}
 

Saludos :D

[maurikius1983]

Muchísimas gracias, lo doy por solucionado