Que no me herede font-size

[malvicia]

Hola, me gustaría saber si hay alguna forma para que no me herede la propiedad font-size

Tengo...

CSS:
* { font-size:10px; font-family:Arial }
div { font-size:2em; }
p.c1 { font-size:1.1em !important; }

HTML:

Código:

<p class=c1>Esto es una prueba</p>
<div>
<p class=c1>Esto es una prueba</p>
</div>

La primera <p> la hace OK pero la segunda al estar dentro del <div> con font-size:2.2em la hace muchísimo más grande...

Me gustaría saber si hay alguna forma de que NO HEREDE el font-size del div con alguna propiedad tipo important y sin tener que cambiar los font-size

Espero haberme explicado bien ¡Gracias!

[jlomss]

Hola, Puedes Crear otra .Clase en css para aplicarsela solo a un elemento!

ej.

Primero creas una clase con nombre .c1 y valores diferentes del tipo de fuente que quieres en el .c2 y las aplicas asi como biene en este ejemplo:

<p class=c1>Esto es una prueba</p>
<div>
<p class=c2>Esto es una prueba</p>
</div>

espero haber sido de ayuda, saludos!

[flashmax]

Prueba así haber si lo solucionas

Código HTML:

* { font-size:10px; font-family:Arial }
div { font-size:2em; }
p.c1 div { font-size:1.1em !important; }

[furoya]

Hola todos.

Vi este tema cuando lo publicaste, malvicia, y me olvidé de responderlo.

Bien, la idea de usar unidades em es que vayan "heredando" la medida. No la podés pensar como a una absoluta. Te convenía ir poniendo las medidas mientras asignabas las anteriores para ver cómo iba quedando.

Sin embargo, existe una medida llamada rem, que apunta a la medida del elemento raíz y no a la del contenedor inmediato.

¿El problema? Es CSS3. Hay que ver dónde funciona hoy.